@alma/widgets 3.0.1 → 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.
@@ -143,7 +143,7 @@
143
143
  background-color: var(--white);
144
144
  color: var(--off-black);
145
145
  width: 100%;
146
- height: 90vh;
146
+ height: 83vh;
147
147
  position: absolute;
148
148
  bottom: 0;
149
149
  border-top-left-radius: 20px;
@@ -240,6 +240,8 @@
240
240
  cursor: pointer;
241
241
  background-color: var(--white);
242
242
  transition: all 0.1s ease;
243
+ color: var(--off-black);
244
+ padding: initial; /* To avoid CSS surcharge on this. */
243
245
  }
244
246
 
245
247
  ._1l2Oa > button._3rue7 {
@@ -300,6 +302,7 @@
300
302
  ._MPKjS {
301
303
  padding: 0 24px;
302
304
  margin-bottom: 16px;
305
+ font-family: 'Venn', sans-serif;
303
306
  }
304
307
 
305
308
  ._3a7er {
@@ -329,6 +332,7 @@
329
332
  margin-bottom: 40px;
330
333
  padding: 0 24px;
331
334
  gap: 20px;
335
+ font-family: 'Venn', sans-serif;
332
336
  }
333
337
 
334
338
  ._1HqCO {
@@ -474,7 +478,7 @@
474
478
  ._TSkFv {
475
479
  width: 368px;
476
480
  max-width: 100%;
477
- background-color: transparent;
481
+ background-color: var(--white);
478
482
  border: 1px solid var(--light-gray);
479
483
  display: flex;
480
484
  flex-direction: column;
@@ -558,24 +562,6 @@
558
562
  align-items: center;
559
563
  }
560
564
 
561
- ._R0YlN {
562
- align-items: center;
563
- line-height: 100%;
564
- }
565
-
566
- ._2kGhu {
567
- font-family: 'Venn', sans-serif;
568
- font-style: normal;
569
- font-weight: normal;
570
- font-size: 12px;
571
- color: var(--off-black);
572
- }
573
-
574
- ._73d_Y {
575
- cursor: pointer;
576
- text-decoration: underline;
577
- }
578
-
579
565
  ._1ZDMS {
580
566
  align-items: center;
581
567
  }
@@ -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","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
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;
@@ -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","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
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","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
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;
@@ -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","error":"_R0YlN","errorText":"_2kGhu","errorButton":"_73d_Y","pending":"_1ZDMS","clickable":"_UksZa","unClickable":"_1lr-q"};
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
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: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
- ._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}
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
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}._3a7er{font-size:14px;margin-left:4px}@media (min-width:800px){._MPKjS{overflow-y:auto;margin:0}}
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;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}}
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
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
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
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: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}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alma/widgets",
3
- "version": "3.0.1",
3
+ "version": "3.0.2",
4
4
  "description": "Widgets to easily display information from Alma - https://getalma.eu",
5
5
  "keywords": [],
6
6
  "main": "dist/widgets.js",