@guardian/interactive-component-library 0.3.2-rc1 → 0.3.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/style.css +96 -8
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1078,6 +1078,18 @@ button {
|
|
|
1078
1078
|
.bg-color--oth {
|
|
1079
1079
|
background-color: var(--oth) !important;
|
|
1080
1080
|
}
|
|
1081
|
+
.bg-color--ind-dem {
|
|
1082
|
+
background-color: var(--ind-dem) !important;
|
|
1083
|
+
}
|
|
1084
|
+
.bg-color--lib {
|
|
1085
|
+
background-color: var(--lib) !important;
|
|
1086
|
+
}
|
|
1087
|
+
.bg-color--grn {
|
|
1088
|
+
background-color: var(--grn) !important;
|
|
1089
|
+
}
|
|
1090
|
+
.bg-color--ken {
|
|
1091
|
+
background-color: var(--ken) !important;
|
|
1092
|
+
}
|
|
1081
1093
|
.bg-color--dem-2 {
|
|
1082
1094
|
background-color: var(--dem-2) !important;
|
|
1083
1095
|
}
|
|
@@ -1087,6 +1099,18 @@ button {
|
|
|
1087
1099
|
.bg-color--oth-2 {
|
|
1088
1100
|
background-color: var(--oth-2) !important;
|
|
1089
1101
|
}
|
|
1102
|
+
.bg-color--ind-dem-2 {
|
|
1103
|
+
background-color: var(--ind-dem-2) !important;
|
|
1104
|
+
}
|
|
1105
|
+
.bg-color--lib-2 {
|
|
1106
|
+
background-color: var(--lib-2) !important;
|
|
1107
|
+
}
|
|
1108
|
+
.bg-color--grn-2 {
|
|
1109
|
+
background-color: var(--grn-2) !important;
|
|
1110
|
+
}
|
|
1111
|
+
.bg-color--ken-2 {
|
|
1112
|
+
background-color: var(--ken-2) !important;
|
|
1113
|
+
}
|
|
1090
1114
|
.bg-color--undeclared {
|
|
1091
1115
|
background-color: var(--undeclared) !important;
|
|
1092
1116
|
}
|
|
@@ -1101,6 +1125,18 @@ button {
|
|
|
1101
1125
|
.fill-color--oth {
|
|
1102
1126
|
fill: var(--oth) !important;
|
|
1103
1127
|
}
|
|
1128
|
+
.fill-color--ind-dem {
|
|
1129
|
+
fill: var(--ind-dem) !important;
|
|
1130
|
+
}
|
|
1131
|
+
.fill-color--lib {
|
|
1132
|
+
fill: var(--lib) !important;
|
|
1133
|
+
}
|
|
1134
|
+
.fill-color--grn {
|
|
1135
|
+
fill: var(--grn) !important;
|
|
1136
|
+
}
|
|
1137
|
+
.fill-color--ken {
|
|
1138
|
+
fill: var(--ken) !important;
|
|
1139
|
+
}
|
|
1104
1140
|
.fill-color--dem-2 {
|
|
1105
1141
|
fill: var(--dem-2) !important;
|
|
1106
1142
|
}
|
|
@@ -1110,6 +1146,18 @@ button {
|
|
|
1110
1146
|
.fill-color--oth-2 {
|
|
1111
1147
|
fill: var(--oth-2) !important;
|
|
1112
1148
|
}
|
|
1149
|
+
.fill-color--ind-dem-2 {
|
|
1150
|
+
fill: var(--ind-dem-2) !important;
|
|
1151
|
+
}
|
|
1152
|
+
.fill-color--lib-2 {
|
|
1153
|
+
fill: var(--lib-2) !important;
|
|
1154
|
+
}
|
|
1155
|
+
.fill-color--grn-2 {
|
|
1156
|
+
fill: var(--grn-2) !important;
|
|
1157
|
+
}
|
|
1158
|
+
.fill-color--ken-2 {
|
|
1159
|
+
fill: var(--ken-2) !important;
|
|
1160
|
+
}
|
|
1113
1161
|
.fill-color--undeclared {
|
|
1114
1162
|
fill: var(--undeclared) !important;
|
|
1115
1163
|
}
|
|
@@ -1123,6 +1171,18 @@ button {
|
|
|
1123
1171
|
.stop-color--oth {
|
|
1124
1172
|
stop-color: var(--oth) !important;
|
|
1125
1173
|
}
|
|
1174
|
+
.stop-color--ind-dem {
|
|
1175
|
+
stop-color: var(--ind-dem) !important;
|
|
1176
|
+
}
|
|
1177
|
+
.stop-color--lib {
|
|
1178
|
+
stop-color: var(--lib) !important;
|
|
1179
|
+
}
|
|
1180
|
+
.stop-color--grn {
|
|
1181
|
+
stop-color: var(--grn) !important;
|
|
1182
|
+
}
|
|
1183
|
+
.stop-color--ken {
|
|
1184
|
+
stop-color: var(--ken) !important;
|
|
1185
|
+
}
|
|
1126
1186
|
.stop-color--undeclared {
|
|
1127
1187
|
stop-color: var(--undeclared) !important;
|
|
1128
1188
|
}
|
|
@@ -1136,6 +1196,18 @@ button {
|
|
|
1136
1196
|
.stroke-color--oth {
|
|
1137
1197
|
stroke: var(--oth) !important;
|
|
1138
1198
|
}
|
|
1199
|
+
.stroke-color--ind-dem {
|
|
1200
|
+
stroke: var(--ind-dem) !important;
|
|
1201
|
+
}
|
|
1202
|
+
.stroke-color--lib {
|
|
1203
|
+
stroke: var(--lib) !important;
|
|
1204
|
+
}
|
|
1205
|
+
.stroke-color--grn {
|
|
1206
|
+
stroke: var(--grn) !important;
|
|
1207
|
+
}
|
|
1208
|
+
.stroke-color--ken {
|
|
1209
|
+
stroke: var(--ken) !important;
|
|
1210
|
+
}
|
|
1139
1211
|
.stroke-color--undeclared {
|
|
1140
1212
|
stroke: var(--undeclared) !important;
|
|
1141
1213
|
}
|
|
@@ -1273,12 +1345,20 @@ body {
|
|
|
1273
1345
|
--undeclared: #ededed;
|
|
1274
1346
|
--declared: #fff;
|
|
1275
1347
|
--new-group-01: #333333;
|
|
1276
|
-
--dem: #
|
|
1348
|
+
--dem: #093ca3;
|
|
1277
1349
|
--gop: #c70000;
|
|
1278
|
-
--oth: #
|
|
1279
|
-
--dem
|
|
1350
|
+
--oth: #707070;
|
|
1351
|
+
--ind-dem: #7378d8;
|
|
1352
|
+
--lib: #c6b716;
|
|
1353
|
+
--grn: #0da498;
|
|
1354
|
+
--ken: #ef6f07;
|
|
1355
|
+
--dem-2: #dad7f5;
|
|
1280
1356
|
--gop-2: #ffdbd4;
|
|
1281
|
-
--oth-2: #
|
|
1357
|
+
--oth-2: #e7e7e7;
|
|
1358
|
+
--ind-dem-2: #dad7f5;
|
|
1359
|
+
--lib-2: #f4eac2;
|
|
1360
|
+
--grn-2: #cfedea;
|
|
1361
|
+
--ken-2: #ffe2cd;
|
|
1282
1362
|
--undeclared: #e7e7e7;
|
|
1283
1363
|
}
|
|
1284
1364
|
@media (prefers-color-scheme: dark) {
|
|
@@ -1377,12 +1457,20 @@ body {
|
|
|
1377
1457
|
--undeclared: #ededed;
|
|
1378
1458
|
--declared: #bababa;
|
|
1379
1459
|
--new-group-01: #cccccc;
|
|
1380
|
-
--dem: #
|
|
1381
|
-
--gop: #
|
|
1460
|
+
--dem: #3261db;
|
|
1461
|
+
--gop: #c70000;
|
|
1382
1462
|
--oth: #707070;
|
|
1383
|
-
--dem
|
|
1384
|
-
--
|
|
1463
|
+
--ind-dem: #7389d8;
|
|
1464
|
+
--lib: #c6b716;
|
|
1465
|
+
--grn: #23b4a9;
|
|
1466
|
+
--ken: #ef6f07;
|
|
1467
|
+
--dem-2: #20366d;
|
|
1468
|
+
--gop-2: #5a0b0b;
|
|
1385
1469
|
--oth-2: #333333;
|
|
1470
|
+
--ind-dem-2: #394261;
|
|
1471
|
+
--lib-2: #524d13;
|
|
1472
|
+
--grn-2: #19524e;
|
|
1473
|
+
--ken-2: #6a370e;
|
|
1386
1474
|
--undeclared: #494949;
|
|
1387
1475
|
}
|
|
1388
1476
|
}._svg_b5io0_1 {
|