@alma/widgets 3.0.0 → 3.0.1
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/raw/widgets.css +11 -8
- package/dist/widgets.css +6 -6
- package/package.json +1 -1
package/dist/raw/widgets.css
CHANGED
|
@@ -61,21 +61,22 @@
|
|
|
61
61
|
._GTTk7 {
|
|
62
62
|
margin: 16px 0;
|
|
63
63
|
font-family: 'Argent CF', sans-serif;
|
|
64
|
-
background-color: var(--
|
|
64
|
+
background-color: var(--off-white);
|
|
65
65
|
border-radius: 20px;
|
|
66
66
|
padding: 24px;
|
|
67
67
|
z-index: 2;
|
|
68
68
|
position: relative;
|
|
69
69
|
}
|
|
70
|
+
|
|
70
71
|
._GTTk7 h3 {
|
|
71
72
|
margin: 4px 0;
|
|
72
73
|
}
|
|
74
|
+
|
|
73
75
|
._34s2g {
|
|
74
76
|
display: flex;
|
|
75
77
|
flex-direction: row;
|
|
76
78
|
justify-content: space-between;
|
|
77
79
|
font-size: 20px;
|
|
78
|
-
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
._W7qIA {
|
|
@@ -267,13 +268,13 @@
|
|
|
267
268
|
width: 10px;
|
|
268
269
|
height: 10px;
|
|
269
270
|
border-radius: 50%;
|
|
270
|
-
background-color: var(--soft-
|
|
271
|
+
background-color: var(--soft-orange);
|
|
271
272
|
margin-right: 16px;
|
|
272
273
|
z-index: 1;
|
|
273
274
|
}
|
|
274
275
|
|
|
275
276
|
._2Nmkl {
|
|
276
|
-
background-color: var(--alma-
|
|
277
|
+
background-color: var(--alma-orange);
|
|
277
278
|
}
|
|
278
279
|
|
|
279
280
|
._ezY-3 {
|
|
@@ -286,7 +287,7 @@
|
|
|
286
287
|
}
|
|
287
288
|
|
|
288
289
|
._1Z9wr::after {
|
|
289
|
-
border-left: 2px solid var(--
|
|
290
|
+
border-left: 2px solid var(--off-white);
|
|
290
291
|
height: 85px;
|
|
291
292
|
margin-left: 4px;
|
|
292
293
|
content: " ";
|
|
@@ -341,6 +342,7 @@
|
|
|
341
342
|
font-family: 'Argent CF', sans-serif;
|
|
342
343
|
font-weight: 600;
|
|
343
344
|
font-size: 32px;
|
|
345
|
+
min-width: 20px;
|
|
344
346
|
line-height: 110%;
|
|
345
347
|
color: var(--alma-blue);
|
|
346
348
|
}
|
|
@@ -395,7 +397,9 @@
|
|
|
395
397
|
}
|
|
396
398
|
|
|
397
399
|
._xW3wt {
|
|
398
|
-
|
|
400
|
+
position: absolute;
|
|
401
|
+
bottom: 35px;
|
|
402
|
+
left: 150px;
|
|
399
403
|
}
|
|
400
404
|
|
|
401
405
|
._17qNJ {
|
|
@@ -424,7 +428,7 @@
|
|
|
424
428
|
width: 2px;
|
|
425
429
|
/* 120px is a magic number, to avoid seeing the line under the TotalBlock */
|
|
426
430
|
height: calc(100% - 120px);
|
|
427
|
-
background-color: var(--
|
|
431
|
+
background-color: var(--off-white);
|
|
428
432
|
}
|
|
429
433
|
|
|
430
434
|
@media screen and (min-width: 800px) {
|
|
@@ -437,7 +441,6 @@
|
|
|
437
441
|
}
|
|
438
442
|
|
|
439
443
|
._2G7Ch {
|
|
440
|
-
height: 100vh;
|
|
441
444
|
display: flex;
|
|
442
445
|
flex-direction: column;
|
|
443
446
|
}
|
package/dist/widgets.css
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;600&family=Work+Sans:wght@700&display=swap");:root{--weight-normal:400;--weight-medium:500;--weight-semi-bold:600;--weight-bold:700;--alma-orange:#fa5022;--soft-orange:#ffeadb;--alma-blue:#60d2df;--soft-blue:#e7f8fa;--alma-yellow:#ffcf00;--soft-yellow:#fff5cc;--alma-green:#4bb543;--soft-green:#e2f3e1;--alma-red:red;--soft-red:#ffecec;--background:#fefefe;--off-white:#f9f9f9;--light-gray:#d4d4d4;--dark-gray:#8c8c8c;--off-black:#1a1a1a;--white:#fff;--black:#000}@font-face{font-family:Venn;src:url(assets/fonts/Venn-Bold.eot) format("embedded-opentype"),url(assets/fonts/Venn-Bold.woff) format("woff"),url(assets/fonts/Venn-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Venn;src:url(assets/fonts/Venn-Regular.eot?#iefix) format("embedded-opentype"),url(assets/fonts/Venn-Regular.woff) format("woff"),url(assets/fonts/Venn-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Argent CF;src:url(assets/fonts/ArgentCF-DemiBold.eot) format("embedded-opentype"),url(assets/fonts/ArgentCF-DemiBold.woff) format("woff"),url(assets/fonts/ArgentCF-DemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}
|
|
2
|
-
._GTTk7{margin:16px 0;font-family:Argent CF,sans-serif;background-color:var(--
|
|
2
|
+
._GTTk7{margin:16px 0;font-family:Argent CF,sans-serif;background-color:var(--off-white);border-radius:20px;padding:24px;z-index:2;position:relative}._GTTk7 h3{margin:4px 0}._34s2g{font-size:20px}._34s2g,._W7qIA{display:flex;flex-direction:row;justify-content:space-between}._W7qIA{font-family:Venn,sans-serif;font-weight:var(--weight-bold);font-size:14px;line-height:135%}._24KmE{text-align:right}
|
|
3
3
|
._31lrj{display:flex;flex-direction:column;align-items:center}._31lrj>svg{-webkit-animation:_3NtDa 1.7s ease infinite;animation:_3NtDa 1.7s ease infinite}@-webkit-keyframes _3NtDa{60%{transform:scale(1)}70%{transform:scale(.7)}80%{transform:scale(1)}85%{transform:scale(.95)}to{transform:scale(1)}}@keyframes _3NtDa{60%{transform:scale(1)}70%{transform:scale(.7)}80%{transform:scale(1)}85%{transform:scale(.95)}to{transform:scale(1)}}
|
|
4
4
|
._D8SjB{border:none;background-color:var(--white);color:var(--off-black);width:100%;height:90vh;position:absolute;bottom:0;border-top-left-radius:20px;border-top-right-radius:20px;padding-top:48px;outline:none}._ocM9x{padding:24px;width:100%;height:100%}._1GP2F{overflow-y:auto;margin:0;box-sizing:border-box}._1yxCb{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);z-index:99999}._12LLh{display:flex;justify-content:flex-end;position:absolute;top:12px;right:12px;z-index:1}._3YRro{border:0;display:flex;justify-content:center;align-items:center;background-color:var(--off-black);border-radius:50%;cursor:pointer;padding:4px}@media screen and (min-width:800px){._D8SjB{border-radius:8px;width:800px;height:550px;position:relative;padding-top:0}._1GP2F{max-height:100vh;overflow:hidden}._ocM9x{padding:32px}}
|
|
5
5
|
._1l2Oa{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin-bottom:24px;padding-bottom:12px;gap:8px;border-bottom:1px solid var(--light-gray)}._1l2Oa>button{height:50px;min-width:50px;border:1px solid var(--dark-gray);text-transform:lowercase;border-radius:16px;font-family:Argent CF,sans-serif;font-size:20px;line-height:120%;font-weight:600;cursor:pointer;background-color:var(--white);transition:all .1s ease}._1l2Oa>button._3rue7{background-color:var(--alma-orange);color:var(--white);border:0}
|
|
6
|
-
._z2Uiv{display:flex;flex-direction:row;justify-content:space-between;font-size:var(--font-base);line-height:135%;margin-bottom:6px;width:100%}._2lJQy{display:flex;align-items:center;margin-left:-23px}._1Z9wr{width:10px;height:10px;border-radius:50%;background-color:var(--soft-
|
|
6
|
+
._z2Uiv{display:flex;flex-direction:row;justify-content:space-between;font-size:var(--font-base);line-height:135%;margin-bottom:6px;width:100%}._2lJQy{display:flex;align-items:center;margin-left:-23px}._1Z9wr{width:10px;height:10px;border-radius:50%;background-color:var(--soft-orange);margin-right:16px;z-index:1}._2Nmkl{background-color:var(--alma-orange)}._ezY-3{font-weight:700}@media screen and (min-width:800px){._z2Uiv{font-size:var(--font-base)}._1Z9wr:after{border-left:2px solid var(--off-white);height:85px;margin-left:4px;content:" ";position:absolute;z-index:0;margin-top:10px}}
|
|
7
7
|
._MPKjS{padding:0 24px;margin-bottom:16px}._3a7er{font-size:14px;margin-left:4px}@media (min-width:800px){._MPKjS{overflow-y:auto;margin:0}}
|
|
8
8
|
._1N3yO{display:flex;flex-direction:row;width:100%;justify-content:center;gap:10px;margin:24px 0}
|
|
9
|
-
._180ro{display:flex;flex-direction:column;margin-bottom:40px;padding:0 24px;gap:20px}._1HqCO{display:flex;align-items:center;line-height:135%;gap:16px}._3B8wx{font-family:Argent CF,sans-serif;font-weight:600;font-size:32px;line-height:110%;color:var(--alma-blue)}._1HqCO:first-child ._3B8wx{color:var(--alma-orange)}._1HqCO:last-child ._3B8wx{color:var(--alma-yellow)}@media (min-width:800px){._180ro{margin:0;padding:0}}
|
|
9
|
+
._180ro{display:flex;flex-direction:column;margin-bottom:40px;padding:0 24px;gap:20px}._1HqCO{display:flex;align-items:center;line-height:135%;gap:16px}._3B8wx{font-family:Argent CF,sans-serif;font-weight:600;font-size:32px;min-width:20px;line-height:110%;color:var(--alma-blue)}._1HqCO:first-child ._3B8wx{color:var(--alma-orange)}._1HqCO:last-child ._3B8wx{color:var(--alma-yellow)}@media (min-width:800px){._180ro{margin:0;padding:0}}
|
|
10
10
|
._3ERx-{font-family:Argent CF,sans-serif;font-weight:600;font-size:20px;line-height:130%;text-align:center;margin:0 0 24px}@media (min-width:800px){._3ERx-{font-size:24px}}
|
|
11
|
-
._21g6u{flex-direction:row}._3zaP5,._21g6u{display:flex;height:100%}._3zaP5{flex-direction:column;width:100%}._2SBRC{max-width:300px;padding-right:24px;gap:20px}._xW3wt{
|
|
12
|
-
._17qNJ{text-align:center;font-size:20px}._2oTJq,._17qNJ{height:100%;display:flex;align-items:center}._2oTJq{justify-content:center}._2u9rj{position:relative}._VRdAU{position:absolute;top:15px;left:5px;width:2px;height:calc(100% - 120px);background-color:var(--
|
|
13
|
-
._2G7Ch{
|
|
11
|
+
._21g6u{flex-direction:row}._3zaP5,._21g6u{display:flex;height:100%}._3zaP5{flex-direction:column;width:100%}._2SBRC{max-width:300px;padding-right:24px;gap:20px}._xW3wt{position:absolute;bottom:35px;left:150px}
|
|
12
|
+
._17qNJ{text-align:center;font-size:20px}._2oTJq,._17qNJ{height:100%;display:flex;align-items:center}._2oTJq{justify-content:center}._2u9rj{position:relative}._VRdAU{position:absolute;top:15px;left:5px;width:2px;height:calc(100% - 120px);background-color:var(--off-white)}@media screen and (min-width:800px){._2u9rj{overflow:auto}._VRdAU{display:none}}
|
|
13
|
+
._2G7Ch{display:flex;flex-direction:column}._2779r{margin:0 auto;overflow:visible}
|
|
14
14
|
._2SwwZ{display:flex;flex-direction:column;align-items:flex-start;width:100%}._2qODo{width:100%;height:20px}._2qODo,._2YO01{background-color:var(--light-gray);border-radius:2px}._2YO01{width:60%;height:15px;margin-top:16px}
|
|
15
15
|
._TSkFv{width:368px;max-width:100%;background-color:transparent;border:1px solid var(--light-gray);display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:8px}._TSkFv:focus,._TSkFv:focus-visible{outline:none}._LJ4nZ{margin-right:12px}._17c_S,._bMClc{display:flex;flex-direction:row;align-items:flex-start}._17c_S{gap:8px;max-width:310px;flex-wrap:wrap}._2Kqjn{font-family:Venn,sans-serif;text-transform:lowercase;color:var(--off-black);border-radius:4px;font-weight:700;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:24px;min-width:24px;padding:2px 4px}._2Kqjn._3dG_J{color:var(--white);background:var(--alma-orange)}._2Kqjn._3dG_J._2hx83{background:var(--off-black)}._2Kqjn._3dG_J._3O1bg{background-color:var(--white);color:var(--dark-gray);cursor:not-allowed}._3_qcn{border:none}._25GrF{font-family:Venn,sans-serif;font-size:12px;line-height:180%;color:var(--off-black)}._3O1bg{color:var(--dark-gray)}._30j1O{overflow:hidden}._30j1O,._R0YlN{align-items:center}._R0YlN{line-height:100%}._2kGhu{font-family:Venn,sans-serif;font-style:normal;font-weight:400;font-size:12px;color:var(--off-black)}._73d_Y{cursor:pointer;text-decoration:underline}._1ZDMS{align-items:center}._UksZa{cursor:pointer}._1lr-q{cursor:not-allowed}
|