@guardian/interactive-component-library 0.1.0-alpha.24 → 0.1.0-alpha.25

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.
Files changed (6) hide show
  1. package/dist/interactive-component-library.js +28 -13
  2. package/dist/interactive-component-library.js.map +1 -1
  3. package/dist/interactive-component-library.umd.cjs +28 -13
  4. package/dist/interactive-component-library.umd.cjs.map +1 -1
  5. package/dist/style.css +104 -97
  6. package/package.json +2 -2
package/dist/style.css CHANGED
@@ -299,8 +299,11 @@ button {
299
299
  .bg-color--dup {
300
300
  background-color: var(--dup) !important;
301
301
  }
302
- .bg-color--al {
303
- background-color: var(--al) !important;
302
+ .bg-color--alliance {
303
+ background-color: var(--alliance) !important;
304
+ }
305
+ .bg-color--alba {
306
+ background-color: var(--alba) !important;
304
307
  }
305
308
  .bg-color--uup {
306
309
  background-color: var(--uup) !important;
@@ -326,9 +329,6 @@ button {
326
329
  .bg-color--speaker {
327
330
  background-color: var(--speaker) !important;
328
331
  }
329
- .bg-color--tig {
330
- background-color: var(--tig) !important;
331
- }
332
332
  .bg-color--undeclared {
333
333
  background-color: var(--undeclared) !important;
334
334
  }
@@ -357,8 +357,11 @@ button {
357
357
  .fill-color--dup {
358
358
  fill: var(--dup) !important;
359
359
  }
360
- .fill-color--al {
361
- fill: var(--al) !important;
360
+ .fill-color--alliance {
361
+ fill: var(--alliance) !important;
362
+ }
363
+ .fill-color--alba {
364
+ fill: var(--alba) !important;
362
365
  }
363
366
  .fill-color--uup {
364
367
  fill: var(--uup) !important;
@@ -384,9 +387,6 @@ button {
384
387
  .fill-color--speaker {
385
388
  fill: var(--speaker) !important;
386
389
  }
387
- .fill-color--tig {
388
- fill: var(--tig) !important;
389
- }
390
390
  .fill-color--undeclared {
391
391
  fill: var(--undeclared) !important;
392
392
  }
@@ -415,8 +415,11 @@ button {
415
415
  .stop-color--dup {
416
416
  stop-color: var(--dup) !important;
417
417
  }
418
- .stop-color--al {
419
- stop-color: var(--al) !important;
418
+ .stop-color--alliance {
419
+ stop-color: var(--alliance) !important;
420
+ }
421
+ .stop-color--alba {
422
+ stop-color: var(--alba) !important;
420
423
  }
421
424
  .stop-color--uup {
422
425
  stop-color: var(--uup) !important;
@@ -442,9 +445,6 @@ button {
442
445
  .stop-color--speaker {
443
446
  stop-color: var(--speaker) !important;
444
447
  }
445
- .stop-color--tig {
446
- stop-color: var(--tig) !important;
447
- }
448
448
  .stop-color--undeclared {
449
449
  stop-color: var(--undeclared) !important;
450
450
  }
@@ -473,8 +473,11 @@ button {
473
473
  .stroke-color--dup {
474
474
  stroke: var(--dup) !important;
475
475
  }
476
- .stroke-color--al {
477
- stroke: var(--al) !important;
476
+ .stroke-color--alliance {
477
+ stroke: var(--alliance) !important;
478
+ }
479
+ .stroke-color--alba {
480
+ stroke: var(--alba) !important;
478
481
  }
479
482
  .stroke-color--uup {
480
483
  stroke: var(--uup) !important;
@@ -500,9 +503,6 @@ button {
500
503
  .stroke-color--speaker {
501
504
  stroke: var(--speaker) !important;
502
505
  }
503
- .stroke-color--tig {
504
- stroke: var(--tig) !important;
505
- }
506
506
  .stroke-color--undeclared {
507
507
  stroke: var(--undeclared) !important;
508
508
  }
@@ -531,8 +531,11 @@ button {
531
531
  .color--dup {
532
532
  color: var(--dup) !important;
533
533
  }
534
- .color--al {
535
- color: var(--al) !important;
534
+ .color--alliance {
535
+ color: var(--alliance) !important;
536
+ }
537
+ .color--alba {
538
+ color: var(--alba) !important;
536
539
  }
537
540
  .color--uup {
538
541
  color: var(--uup) !important;
@@ -558,9 +561,6 @@ button {
558
561
  .color--speaker {
559
562
  color: var(--speaker) !important;
560
563
  }
561
- .color--tig {
562
- color: var(--tig) !important;
563
- }
564
564
  .color--undeclared {
565
565
  color: var(--undeclared) !important;
566
566
  }
@@ -586,8 +586,11 @@ button {
586
586
  .border-color--dup {
587
587
  border-color: var(--dup) !important;
588
588
  }
589
- .border-color--al {
590
- border-color: var(--al) !important;
589
+ .border-color--alliance {
590
+ border-color: var(--alliance) !important;
591
+ }
592
+ .border-color--alba {
593
+ border-color: var(--alba) !important;
591
594
  }
592
595
  .border-color--uup {
593
596
  border-color: var(--uup) !important;
@@ -613,9 +616,6 @@ button {
613
616
  .border-color--speaker {
614
617
  border-color: var(--speaker) !important;
615
618
  }
616
- .border-color--tig {
617
- border-color: var(--tig) !important;
618
- }
619
619
  .border-color--undeclared {
620
620
  border-color: var(--undeclared) !important;
621
621
  }
@@ -644,8 +644,11 @@ button {
644
644
  .before-color--dup:before {
645
645
  background-color: var(--dup) !important;
646
646
  }
647
- .before-color--al:before {
648
- background-color: var(--al) !important;
647
+ .before-color--alliance:before {
648
+ background-color: var(--alliance) !important;
649
+ }
650
+ .before-color--alba:before {
651
+ background-color: var(--alba) !important;
649
652
  }
650
653
  .before-color--uup:before {
651
654
  background-color: var(--uup) !important;
@@ -671,9 +674,6 @@ button {
671
674
  .before-color--speaker:before {
672
675
  background-color: var(--speaker) !important;
673
676
  }
674
- .before-color--tig:before {
675
- background-color: var(--tig) !important;
676
- }
677
677
  .before-color--undeclared:before {
678
678
  background-color: var(--undeclared) !important;
679
679
  }
@@ -750,6 +750,9 @@ button {
750
750
  .bg-color--undeclared {
751
751
  background-color: var(--undeclared) !important;
752
752
  }
753
+ .bg-color--declared {
754
+ background-color: var(--declared) !important;
755
+ }
753
756
  /* FILL ----------------------------------------------------------- */
754
757
  .fill-color--left {
755
758
  fill: var(--left) !important;
@@ -934,49 +937,50 @@ body {
934
937
  --news-grey-04: #BABABA;
935
938
  --news-grey-05: #DCDCDC;
936
939
  --news-grey-06: #F3F3F3;
937
- --con: #0077B6;
938
- --lab: #C70000;
939
- --libdem: #E05E00;
940
- --green: #39A566;
941
- --ukip: #BB3B80;
942
- --snp: #F5DC00;
943
- --dup: #8B0000;
944
- --al: #C9BB19;
940
+ --con: #0077b6;
941
+ --lab: #c70000;
942
+ --libdem: #e05e00;
943
+ --green: #39a566;
944
+ --ukip: #bb3b80;
945
+ --snp: #f5dc00;
946
+ --dup: #8b0000;
947
+ --alliance: #c9bb19;
948
+ --alba: #2f3192;
945
949
  --uup: #004975;
946
- --sdlp: #23B4A9;
947
- --pc: #135E58;
948
- --sf: #22874D;
949
- --reform: #3DBBE2;
950
+ --sdlp: #23b4a9;
951
+ --pc: #135e58;
952
+ --sf: #22874d;
953
+ --reform: #3dbbe2;
950
954
  --ind: #333333;
951
955
  --other: #848484;
956
+ --speaker: #848484;
952
957
  --noc: #c8c8c8;
953
- --speaker: #767676;
954
- --tig: #333;
955
- --undeclared: #E7E7E7;
956
- --left: #8B0000;
958
+ --undeclared: #e7e7e7;
959
+ --left: #8b0000;
957
960
  --left-01: #e3b0a3;
958
961
  --left-02: #bc634f;
959
- --sd: #C70000;
960
- --sd-01:#fbb8a6;
961
- --sd-02:#e77054;
962
- --greenefa: #39A566;
962
+ --sd: #c70000;
963
+ --sd-01: #fbb8a6;
964
+ --sd-02: #e77054;
965
+ --greenefa: #39a566;
963
966
  --greenefa-01: #c1e1ca;
964
967
  --greenefa-02: #82c397;
965
- --renew: #FF7F0F;
968
+ --renew: #ff7f0f;
966
969
  --renew-01: #ffd8ba;
967
970
  --renew-02: #ffaf71;
968
- --epp: #3dBBE2;
971
+ --epp: #3dbbe2;
969
972
  --epp-01: #cae8f5;
970
973
  --epp-02: #8fd1ec;
971
- --ecr: #0079B7;
974
+ --ecr: #0079b7;
972
975
  --ecr-01: #bdcfe7;
973
976
  --ecr-02: #77a2ce;
974
- --id:#DC559D;
975
- --id-01:#edc0d3;
976
- --id-02:#d681a9;
977
+ --id: #dc559d;
978
+ --id-01: #edc0d3;
979
+ --id-02: #d681a9;
977
980
  --ni: #606060;
978
981
  --other: #a0a0a0;
979
982
  --undeclared: #ededed;
983
+ --declared: #fff;
980
984
  }
981
985
  @media (prefers-color-scheme: dark) {
982
986
  body.ios,
@@ -1010,46 +1014,48 @@ body {
1010
1014
  --news-grey-06: #383838;
1011
1015
  --con: #009ae1;
1012
1016
  --lab: #dc2e1c;
1013
- --libdem: #FF7F0F;
1014
- --green: #39A566;
1015
- --ukip: #DC559D;
1016
- --snp: #F5DC00;
1017
- --dup: #B23C2D;
1018
- --al: #ab9f00;
1017
+ --libdem: #ff7f0f;
1018
+ --green: #39a566;
1019
+ --ukip: #dc559d;
1020
+ --snp: #f5dc00;
1021
+ --alba: #3c3eb9;
1022
+ --dup: #b23c2d;
1023
+ --alliance: #ab9f00;
1019
1024
  --uup: #346896;
1020
1025
  --sdlp: #28b8ad;
1021
1026
  --pc: #37716b;
1022
- --sf: #22874D;
1023
- --reform: #3DBBE2;
1024
- --ind: #A1A1A1;
1027
+ --sf: #22874d;
1028
+ --reform: #3dbbe2;
1029
+ --ind: #a1a1a1;
1030
+ --noc: #333333;
1025
1031
  --other: #707070;
1026
1032
  --speaker: #707070;
1027
- --tig: #494949;
1028
1033
  --undeclared: #494949;
1029
- --left: #8B0000;
1034
+ --left: #8b0000;
1030
1035
  --left-01: #e3b0a3;
1031
1036
  --left-02: #bc634f;
1032
- --sd: #C70000;
1033
- --sd-01:#fbb8a6;
1034
- --sd-02:#e77054;
1035
- --greenefa: #39A566;
1037
+ --sd: #c70000;
1038
+ --sd-01: #fbb8a6;
1039
+ --sd-02: #e77054;
1040
+ --greenefa: #39a566;
1036
1041
  --greenefa-01: #c1e1ca;
1037
1042
  --greenefa-02: #82c397;
1038
- --renew: #FF7F0F;
1043
+ --renew: #ff7f0f;
1039
1044
  --renew-01: #ffd8ba;
1040
1045
  --renew-02: #ffaf71;
1041
- --epp: #3dBBE2;
1046
+ --epp: #3dbbe2;
1042
1047
  --epp-01: #cae8f5;
1043
1048
  --epp-02: #8fd1ec;
1044
- --ecr: #0079B7;
1049
+ --ecr: #0079b7;
1045
1050
  --ecr-01: #bdcfe7;
1046
1051
  --ecr-02: #77a2ce;
1047
- --id:#DC559D;
1048
- --id-01:#edc0d3;
1049
- --id-02:#d681a9;
1050
- --ni: #A1A1A1;
1052
+ --id: #dc559d;
1053
+ --id-01: #edc0d3;
1054
+ --id-02: #d681a9;
1055
+ --ni: #a1a1a1;
1051
1056
  --other: #a0a0a0;
1052
1057
  --undeclared: #ededed;
1058
+ --declared: #bababa;
1053
1059
  }
1054
1060
  }._svg_b5io0_1 {
1055
1061
  display: block;
@@ -2307,63 +2313,64 @@ body.android {
2307
2313
  --top-inset: 58px;
2308
2314
  }
2309
2315
 
2310
- ._coalitionsWrapper_1ahqy_9 {
2316
+ ._coalitionsWrapper_4egbd_9 {
2311
2317
  max-width: 100%;
2312
2318
  position: relative;
2313
2319
  }
2314
2320
 
2315
- ._coalitionsContainer_1ahqy_14 {
2321
+ ._coalitionsContainer_4egbd_14 {
2316
2322
  padding-top: 60px;
2317
2323
  }
2318
2324
  @media (min-width: 46.25em) {
2319
- ._coalitionsContainer_1ahqy_14 {
2325
+ ._coalitionsContainer_4egbd_14 {
2320
2326
  padding-top: 0px;
2321
2327
  }
2322
2328
  }
2323
2329
 
2324
- ._coalition_1ahqy_9 {
2325
- margin-bottom: var(--space-4);
2330
+ ._coalition_4egbd_9 {
2331
+ margin-bottom: var(--space-0);
2326
2332
  }
2327
2333
 
2328
- ._title_1ahqy_27,
2329
- ._description_1ahqy_28 {
2334
+ ._title_4egbd_27,
2335
+ ._description_4egbd_28 {
2330
2336
  font-family: var(--text-sans);
2331
2337
  font-size: var(--sans-small);
2332
2338
  line-height: var(--sans-line-height);
2333
2339
  color: var(--primary-text-color);
2334
2340
  }
2335
2341
 
2336
- ._title_1ahqy_27 {
2342
+ ._title_4egbd_27 {
2337
2343
  font-weight: 700;
2338
2344
  }
2339
2345
 
2340
- ._description_1ahqy_28 {
2346
+ ._description_4egbd_28 {
2341
2347
  margin-bottom: var(--space-1);
2342
2348
  }
2343
2349
 
2344
- ._thresholdText_1ahqy_43 {
2350
+ ._thresholdText_4egbd_43 {
2345
2351
  font-family: var(--text-sans);
2346
2352
  font-size: var(--sans-small);
2347
2353
  line-height: var(--sans-line-height);
2348
2354
  color: var(--primary-text-color);
2349
2355
  max-width: 150px;
2350
2356
  }
2351
- ._thresholdText_1ahqy_43 span {
2357
+ ._thresholdText_4egbd_43 span {
2352
2358
  display: block;
2353
2359
  }
2354
2360
 
2355
- ._thresholdTextBold_1ahqy_54 {
2361
+ ._thresholdTextBold_4egbd_54 {
2356
2362
  font-weight: 700;
2357
2363
  margin-bottom: var(--space-1);
2358
2364
  font-size: var(--sans-small);
2359
2365
  line-height: var(--sans-line-height);
2360
2366
  }
2361
2367
 
2362
- ._thresholdDot_1ahqy_61, ._thresholdLine_1ahqy_61 {
2368
+ ._thresholdDot_4egbd_61,
2369
+ ._thresholdLine_4egbd_62 {
2363
2370
  background: var(--primary-text-color);
2364
2371
  }
2365
2372
 
2366
- ._thresholdDot_1ahqy_61 {
2373
+ ._thresholdDot_4egbd_61 {
2367
2374
  border-radius: 50px;
2368
2375
  }body {
2369
2376
  --top-inset: 0;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@guardian/interactive-component-library",
3
3
  "private": false,
4
- "version": "v0.1.0-alpha.24",
4
+ "version": "0.1.0-alpha.25",
5
5
  "packageManager": "pnpm@8.4.0",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/guardian/interactive-component-library"
8
+ "url": "git+https://github.com/guardian/interactive-component-library.git"
9
9
  },
10
10
  "type": "module",
11
11
  "files": [