@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
- }._button_1fees_1 {
1342
+ }._button_1kqfn_1 {
1343
1343
  width: 28px;
1344
1344
  height: 28px;
1345
1345
  }
1346
1346
 
1347
- ._icon_1fees_6 {
1347
+ ._icon_1kqfn_6 {
1348
1348
  width: 100%;
1349
1349
  height: 100%;
1350
1350
  }
1351
1351
 
1352
- ._icon_1fees_6.left {
1352
+ ._icon_1kqfn_6.left {
1353
1353
  transform: rotate(180deg);
1354
1354
  }
1355
1355
 
1356
- ._icon_1fees_6 path {
1356
+ ._icon_1kqfn_6 path {
1357
1357
  fill: var(--news-grey-01);
1358
1358
  stroke: none;
1359
1359
  }
1360
1360
 
1361
- ._icon_1fees_6 circle {
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
- ._button_1fees_1:hover:enabled ._icon_1fees_6 circle {
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
- ._button_1fees_1:disabled ._icon_1fees_6 path {
1374
+ ._button_1kqfn_1:disabled ._icon_1kqfn_6 path {
1375
1375
  fill: var(--news-grey-05);
1376
1376
  }
1377
- ._button_3521c_1 {
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
- ._buttonInner_3521c_6 {
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
- ._button_3521c_1[data-type='regular'] > ._buttonInner_3521c_6 {
1396
+ ._button_s6ell_1[data-type="regular"] > ._buttonInner_s6ell_6 {
1393
1397
  padding: 8px 12px;
1394
1398
  }
1395
1399
 
1396
- ._button_3521c_1[data-type='small'] > ._buttonInner_3521c_6 {
1400
+ ._button_s6ell_1[data-type="small"] > ._buttonInner_s6ell_6 {
1397
1401
  padding: 4px 12px;
1398
1402
  }
1399
1403
 
1400
- ._button_3521c_1:hover:enabled > ._buttonInner_3521c_6 {
1404
+ ._button_s6ell_1:hover:enabled > ._buttonInner_s6ell_6 {
1401
1405
  background-color: var(--news-grey-05);
1402
1406
  }
1403
- ._button_125im_1 {
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
- ._buttonBorder_125im_11 {
1421
+ ._buttonBorder_nr8bh_11 {
1414
1422
  border: 1px solid var(--border-divider-color);
1415
1423
  }
1416
1424
 
1417
- ._button_125im_1:hover:enabled {
1425
+ ._button_nr8bh_1:hover:enabled {
1418
1426
  background-color: var(--news-grey-05);
1419
1427
  }
1420
1428
 
1421
- ._svg_125im_19 {
1429
+ ._svg_nr8bh_19 {
1422
1430
  width: 100%;
1423
1431
  height: 100%;
1424
1432
  pointer-events: none;
1425
1433
  }
1426
1434
 
1427
- ._path_125im_25 {
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
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@guardian/interactive-component-library",
3
3
  "private": false,
4
- "version": "v0.1.0-alpha.23",
4
+ "version": "v0.1.0-alpha.24",
5
5
  "packageManager": "pnpm@8.4.0",
6
6
  "repository": {
7
7
  "type": "git",