@alma/widgets 3.0.0 → 3.0.2
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 +17 -28
- package/dist/raw/widgets.js +1 -1
- package/dist/raw/widgets.m.js +1 -1
- package/dist/raw/widgets.modern.js +1 -1
- package/dist/raw/widgets.umd.js +1 -1
- package/dist/widgets.css +10 -10
- 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 {
|
|
@@ -142,7 +143,7 @@
|
|
|
142
143
|
background-color: var(--white);
|
|
143
144
|
color: var(--off-black);
|
|
144
145
|
width: 100%;
|
|
145
|
-
height:
|
|
146
|
+
height: 83vh;
|
|
146
147
|
position: absolute;
|
|
147
148
|
bottom: 0;
|
|
148
149
|
border-top-left-radius: 20px;
|
|
@@ -239,6 +240,8 @@
|
|
|
239
240
|
cursor: pointer;
|
|
240
241
|
background-color: var(--white);
|
|
241
242
|
transition: all 0.1s ease;
|
|
243
|
+
color: var(--off-black);
|
|
244
|
+
padding: initial; /* To avoid CSS surcharge on this. */
|
|
242
245
|
}
|
|
243
246
|
|
|
244
247
|
._1l2Oa > button._3rue7 {
|
|
@@ -267,13 +270,13 @@
|
|
|
267
270
|
width: 10px;
|
|
268
271
|
height: 10px;
|
|
269
272
|
border-radius: 50%;
|
|
270
|
-
background-color: var(--soft-
|
|
273
|
+
background-color: var(--soft-orange);
|
|
271
274
|
margin-right: 16px;
|
|
272
275
|
z-index: 1;
|
|
273
276
|
}
|
|
274
277
|
|
|
275
278
|
._2Nmkl {
|
|
276
|
-
background-color: var(--alma-
|
|
279
|
+
background-color: var(--alma-orange);
|
|
277
280
|
}
|
|
278
281
|
|
|
279
282
|
._ezY-3 {
|
|
@@ -286,7 +289,7 @@
|
|
|
286
289
|
}
|
|
287
290
|
|
|
288
291
|
._1Z9wr::after {
|
|
289
|
-
border-left: 2px solid var(--
|
|
292
|
+
border-left: 2px solid var(--off-white);
|
|
290
293
|
height: 85px;
|
|
291
294
|
margin-left: 4px;
|
|
292
295
|
content: " ";
|
|
@@ -299,6 +302,7 @@
|
|
|
299
302
|
._MPKjS {
|
|
300
303
|
padding: 0 24px;
|
|
301
304
|
margin-bottom: 16px;
|
|
305
|
+
font-family: 'Venn', sans-serif;
|
|
302
306
|
}
|
|
303
307
|
|
|
304
308
|
._3a7er {
|
|
@@ -328,6 +332,7 @@
|
|
|
328
332
|
margin-bottom: 40px;
|
|
329
333
|
padding: 0 24px;
|
|
330
334
|
gap: 20px;
|
|
335
|
+
font-family: 'Venn', sans-serif;
|
|
331
336
|
}
|
|
332
337
|
|
|
333
338
|
._1HqCO {
|
|
@@ -341,6 +346,7 @@
|
|
|
341
346
|
font-family: 'Argent CF', sans-serif;
|
|
342
347
|
font-weight: 600;
|
|
343
348
|
font-size: 32px;
|
|
349
|
+
min-width: 20px;
|
|
344
350
|
line-height: 110%;
|
|
345
351
|
color: var(--alma-blue);
|
|
346
352
|
}
|
|
@@ -395,7 +401,9 @@
|
|
|
395
401
|
}
|
|
396
402
|
|
|
397
403
|
._xW3wt {
|
|
398
|
-
|
|
404
|
+
position: absolute;
|
|
405
|
+
bottom: 35px;
|
|
406
|
+
left: 150px;
|
|
399
407
|
}
|
|
400
408
|
|
|
401
409
|
._17qNJ {
|
|
@@ -424,7 +432,7 @@
|
|
|
424
432
|
width: 2px;
|
|
425
433
|
/* 120px is a magic number, to avoid seeing the line under the TotalBlock */
|
|
426
434
|
height: calc(100% - 120px);
|
|
427
|
-
background-color: var(--
|
|
435
|
+
background-color: var(--off-white);
|
|
428
436
|
}
|
|
429
437
|
|
|
430
438
|
@media screen and (min-width: 800px) {
|
|
@@ -437,7 +445,6 @@
|
|
|
437
445
|
}
|
|
438
446
|
|
|
439
447
|
._2G7Ch {
|
|
440
|
-
height: 100vh;
|
|
441
448
|
display: flex;
|
|
442
449
|
flex-direction: column;
|
|
443
450
|
}
|
|
@@ -471,7 +478,7 @@
|
|
|
471
478
|
._TSkFv {
|
|
472
479
|
width: 368px;
|
|
473
480
|
max-width: 100%;
|
|
474
|
-
background-color:
|
|
481
|
+
background-color: var(--white);
|
|
475
482
|
border: 1px solid var(--light-gray);
|
|
476
483
|
display: flex;
|
|
477
484
|
flex-direction: column;
|
|
@@ -555,24 +562,6 @@
|
|
|
555
562
|
align-items: center;
|
|
556
563
|
}
|
|
557
564
|
|
|
558
|
-
._R0YlN {
|
|
559
|
-
align-items: center;
|
|
560
|
-
line-height: 100%;
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
._2kGhu {
|
|
564
|
-
font-family: 'Venn', sans-serif;
|
|
565
|
-
font-style: normal;
|
|
566
|
-
font-weight: normal;
|
|
567
|
-
font-size: 12px;
|
|
568
|
-
color: var(--off-black);
|
|
569
|
-
}
|
|
570
|
-
|
|
571
|
-
._73d_Y {
|
|
572
|
-
cursor: pointer;
|
|
573
|
-
text-decoration: underline;
|
|
574
|
-
}
|
|
575
|
-
|
|
576
565
|
._1ZDMS {
|
|
577
566
|
align-items: center;
|
|
578
567
|
}
|
package/dist/raw/widgets.js
CHANGED
|
@@ -3062,7 +3062,7 @@ var STATIC_CUSTOMISATION_CLASSES$1 = {
|
|
|
3062
3062
|
activeOption: prefix$1 + '-active-option'
|
|
3063
3063
|
};
|
|
3064
3064
|
|
|
3065
|
-
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","
|
|
3065
|
+
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
|
|
3066
3066
|
|
|
3067
3067
|
var VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
|
|
3068
3068
|
var DEFAULT_TRANSITION_TIME = 5500;
|
package/dist/raw/widgets.m.js
CHANGED
|
@@ -3059,7 +3059,7 @@ var STATIC_CUSTOMISATION_CLASSES$1 = {
|
|
|
3059
3059
|
activeOption: prefix$1 + '-active-option'
|
|
3060
3060
|
};
|
|
3061
3061
|
|
|
3062
|
-
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","
|
|
3062
|
+
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
|
|
3063
3063
|
|
|
3064
3064
|
var VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
|
|
3065
3065
|
var DEFAULT_TRANSITION_TIME = 5500;
|
|
@@ -2974,7 +2974,7 @@ const STATIC_CUSTOMISATION_CLASSES$1 = {
|
|
|
2974
2974
|
activeOption: prefix$1 + '-active-option'
|
|
2975
2975
|
};
|
|
2976
2976
|
|
|
2977
|
-
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","
|
|
2977
|
+
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
|
|
2978
2978
|
|
|
2979
2979
|
const VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
|
|
2980
2980
|
const DEFAULT_TRANSITION_TIME = 5500;
|
package/dist/raw/widgets.umd.js
CHANGED
|
@@ -20472,7 +20472,7 @@
|
|
|
20472
20472
|
activeOption: prefix$1 + '-active-option'
|
|
20473
20473
|
};
|
|
20474
20474
|
|
|
20475
|
-
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","
|
|
20475
|
+
var s$d = {"widgetButton":"_TSkFv","logo":"_LJ4nZ","primaryContainer":"_bMClc","paymentPlans":"_17c_S","plan":"_2Kqjn","active":"_3dG_J","monochrome":"_2hx83","notEligible":"_3O1bg","hideBorder":"_3_qcn","info":"_25GrF","loader":"_30j1O","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
|
|
20476
20476
|
|
|
20477
20477
|
var VERY_LONG_TIME_IN_MS = 1000 * 3600 * 24 * 365;
|
|
20478
20478
|
var DEFAULT_TRANSITION_TIME = 5500;
|
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
|
-
._D8SjB{border:none;background-color:var(--white);color:var(--off-black);width:100%;height:
|
|
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-
|
|
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}}
|
|
4
|
+
._D8SjB{border:none;background-color:var(--white);color:var(--off-black);width:100%;height:83vh;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
|
+
._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;color:var(--off-black);padding:initial}._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-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
|
+
._MPKjS{padding:0 24px;margin-bottom:16px;font-family:Venn,sans-serif}._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;font-family:Venn,sans-serif}._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
|
-
._TSkFv{width:368px;max-width:100%;background-color:
|
|
15
|
+
._TSkFv{width:368px;max-width:100%;background-color:var(--white);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}._1ZDMS,._30j1O{align-items:center}._UksZa{cursor:pointer}._1lr-q{cursor:not-allowed}
|