@guardian/interactive-component-library 0.1.0-alpha.23 → 0.1.0-alpha.24
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
CHANGED
|
@@ -1339,47 +1339,51 @@ body.android {
|
|
|
1339
1339
|
|
|
1340
1340
|
._squareFill_l2fsl_16 {
|
|
1341
1341
|
fill: "green";
|
|
1342
|
-
}.
|
|
1342
|
+
}._button_1kqfn_1 {
|
|
1343
1343
|
width: 28px;
|
|
1344
1344
|
height: 28px;
|
|
1345
1345
|
}
|
|
1346
1346
|
|
|
1347
|
-
.
|
|
1347
|
+
._icon_1kqfn_6 {
|
|
1348
1348
|
width: 100%;
|
|
1349
1349
|
height: 100%;
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
|
-
.
|
|
1352
|
+
._icon_1kqfn_6.left {
|
|
1353
1353
|
transform: rotate(180deg);
|
|
1354
1354
|
}
|
|
1355
1355
|
|
|
1356
|
-
.
|
|
1356
|
+
._icon_1kqfn_6 path {
|
|
1357
1357
|
fill: var(--news-grey-01);
|
|
1358
1358
|
stroke: none;
|
|
1359
1359
|
}
|
|
1360
1360
|
|
|
1361
|
-
.
|
|
1361
|
+
._icon_1kqfn_6 circle {
|
|
1362
1362
|
fill: var(--primary-bg-color);
|
|
1363
1363
|
stroke: var(--news-grey-05);
|
|
1364
1364
|
}
|
|
1365
1365
|
|
|
1366
1366
|
/* hover state */
|
|
1367
1367
|
|
|
1368
|
-
.
|
|
1368
|
+
._button_1kqfn_1:hover:enabled ._icon_1kqfn_6 circle {
|
|
1369
1369
|
fill: var(--news-grey-05);
|
|
1370
1370
|
}
|
|
1371
1371
|
|
|
1372
1372
|
/* disabled state */
|
|
1373
1373
|
|
|
1374
|
-
.
|
|
1374
|
+
._button_1kqfn_1:disabled ._icon_1kqfn_6 path {
|
|
1375
1375
|
fill: var(--news-grey-05);
|
|
1376
1376
|
}
|
|
1377
|
-
|
|
1377
|
+
|
|
1378
|
+
._button_1kqfn_1:enabled {
|
|
1379
|
+
cursor: pointer;
|
|
1380
|
+
}
|
|
1381
|
+
._button_s6ell_1 {
|
|
1378
1382
|
min-width: 44px;
|
|
1379
1383
|
min-height: 44px;
|
|
1380
1384
|
}
|
|
1381
1385
|
|
|
1382
|
-
.
|
|
1386
|
+
._buttonInner_s6ell_6 {
|
|
1383
1387
|
color: var(--primary-text-color);
|
|
1384
1388
|
font-family: var(--text-sans);
|
|
1385
1389
|
font-size: var(--sans-xsmall);
|
|
@@ -1389,18 +1393,22 @@ body.android {
|
|
|
1389
1393
|
border-radius: 999px;
|
|
1390
1394
|
}
|
|
1391
1395
|
|
|
1392
|
-
.
|
|
1396
|
+
._button_s6ell_1[data-type="regular"] > ._buttonInner_s6ell_6 {
|
|
1393
1397
|
padding: 8px 12px;
|
|
1394
1398
|
}
|
|
1395
1399
|
|
|
1396
|
-
.
|
|
1400
|
+
._button_s6ell_1[data-type="small"] > ._buttonInner_s6ell_6 {
|
|
1397
1401
|
padding: 4px 12px;
|
|
1398
1402
|
}
|
|
1399
1403
|
|
|
1400
|
-
.
|
|
1404
|
+
._button_s6ell_1:hover:enabled > ._buttonInner_s6ell_6 {
|
|
1401
1405
|
background-color: var(--news-grey-05);
|
|
1402
1406
|
}
|
|
1403
|
-
|
|
1407
|
+
|
|
1408
|
+
._button_s6ell_1:enabled {
|
|
1409
|
+
cursor: pointer;
|
|
1410
|
+
}
|
|
1411
|
+
._button_nr8bh_1 {
|
|
1404
1412
|
display: block;
|
|
1405
1413
|
padding: 9px;
|
|
1406
1414
|
border: none;
|
|
@@ -1410,24 +1418,28 @@ body.android {
|
|
|
1410
1418
|
border-radius: 999px;
|
|
1411
1419
|
}
|
|
1412
1420
|
|
|
1413
|
-
.
|
|
1421
|
+
._buttonBorder_nr8bh_11 {
|
|
1414
1422
|
border: 1px solid var(--border-divider-color);
|
|
1415
1423
|
}
|
|
1416
1424
|
|
|
1417
|
-
.
|
|
1425
|
+
._button_nr8bh_1:hover:enabled {
|
|
1418
1426
|
background-color: var(--news-grey-05);
|
|
1419
1427
|
}
|
|
1420
1428
|
|
|
1421
|
-
.
|
|
1429
|
+
._svg_nr8bh_19 {
|
|
1422
1430
|
width: 100%;
|
|
1423
1431
|
height: 100%;
|
|
1424
1432
|
pointer-events: none;
|
|
1425
1433
|
}
|
|
1426
1434
|
|
|
1427
|
-
.
|
|
1435
|
+
._path_nr8bh_25 {
|
|
1428
1436
|
fill: var(--primary-text-color);
|
|
1429
1437
|
pointer-events: none;
|
|
1430
1438
|
}
|
|
1439
|
+
|
|
1440
|
+
._button_nr8bh_1:enabled {
|
|
1441
|
+
cursor: pointer;
|
|
1442
|
+
}
|
|
1431
1443
|
._container_tq3ke_1 {
|
|
1432
1444
|
max-width: fit-content;
|
|
1433
1445
|
}
|