@clay-ds/react 0.2.1 → 0.3.0
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/catalog.json +14 -13
- package/dist/{footerDefaults-zo_Pjl3n.cjs → footerDefaults-BILm5CMK.cjs} +551 -459
- package/dist/footerDefaults-BILm5CMK.cjs.map +1 -0
- package/dist/{footerDefaults-CByEGl8Q.js → footerDefaults-Dx94Jc_F.js} +551 -459
- package/dist/footerDefaults-Dx94Jc_F.js.map +1 -0
- package/dist/icons.cjs +2419 -0
- package/dist/icons.cjs.map +1 -0
- package/dist/icons.d.ts +20 -0
- package/dist/icons.js +2419 -0
- package/dist/icons.js.map +1 -0
- package/dist/index.cjs +3 -1199
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +829 -658
- package/dist/index.js +3 -1199
- package/dist/index.js.map +1 -1
- package/dist/page-spec.cjs +20 -2
- package/dist/page-spec.cjs.map +1 -1
- package/dist/page-spec.d.ts +42 -0
- package/dist/page-spec.js +20 -2
- package/dist/page-spec.js.map +1 -1
- package/dist/render.cjs +28 -3
- package/dist/render.cjs.map +1 -1
- package/dist/render.js +28 -3
- package/dist/render.js.map +1 -1
- package/package.json +6 -2
- package/dist/footerDefaults-CByEGl8Q.js.map +0 -1
- package/dist/footerDefaults-zo_Pjl3n.cjs.map +0 -1
|
@@ -1289,261 +1289,277 @@ const CustomerLogoSection = React.forwardRef(
|
|
|
1289
1289
|
);
|
|
1290
1290
|
}
|
|
1291
1291
|
);
|
|
1292
|
-
const section$9 = "
|
|
1293
|
-
const container$6 = "
|
|
1294
|
-
const accordion = "
|
|
1295
|
-
const item$1 = "
|
|
1296
|
-
const itemActive = "
|
|
1297
|
-
const itemHeader = "
|
|
1298
|
-
const itemHeading = "
|
|
1299
|
-
const chevron$1 = "
|
|
1300
|
-
const chevronOpen$1 = "
|
|
1301
|
-
const itemContent = "
|
|
1302
|
-
const
|
|
1303
|
-
const
|
|
1304
|
-
const
|
|
1305
|
-
const
|
|
1306
|
-
const
|
|
1307
|
-
const
|
|
1308
|
-
const
|
|
1309
|
-
const
|
|
1310
|
-
const
|
|
1311
|
-
const
|
|
1312
|
-
const
|
|
1313
|
-
const
|
|
1314
|
-
const
|
|
1315
|
-
const
|
|
1316
|
-
const
|
|
1317
|
-
const
|
|
1318
|
-
const
|
|
1319
|
-
const
|
|
1320
|
-
const
|
|
1321
|
-
const
|
|
1322
|
-
const
|
|
1323
|
-
const
|
|
1324
|
-
const
|
|
1325
|
-
const
|
|
1326
|
-
const
|
|
1327
|
-
const
|
|
1328
|
-
const
|
|
1329
|
-
const
|
|
1330
|
-
const
|
|
1331
|
-
const
|
|
1332
|
-
const
|
|
1333
|
-
const
|
|
1334
|
-
const
|
|
1335
|
-
const
|
|
1336
|
-
const
|
|
1337
|
-
const
|
|
1338
|
-
const
|
|
1339
|
-
const
|
|
1340
|
-
const
|
|
1341
|
-
const
|
|
1342
|
-
const
|
|
1343
|
-
const
|
|
1344
|
-
const
|
|
1345
|
-
const
|
|
1346
|
-
const
|
|
1347
|
-
const
|
|
1348
|
-
const
|
|
1349
|
-
const
|
|
1350
|
-
const
|
|
1351
|
-
const
|
|
1352
|
-
const
|
|
1353
|
-
const
|
|
1354
|
-
const
|
|
1355
|
-
const
|
|
1356
|
-
const
|
|
1357
|
-
const
|
|
1358
|
-
const
|
|
1359
|
-
const
|
|
1360
|
-
const
|
|
1361
|
-
const
|
|
1362
|
-
const
|
|
1363
|
-
const
|
|
1364
|
-
const
|
|
1365
|
-
const
|
|
1366
|
-
const
|
|
1367
|
-
const
|
|
1368
|
-
const
|
|
1369
|
-
const
|
|
1370
|
-
const
|
|
1371
|
-
const
|
|
1372
|
-
const
|
|
1373
|
-
const
|
|
1374
|
-
const
|
|
1375
|
-
const
|
|
1376
|
-
const
|
|
1377
|
-
const
|
|
1378
|
-
const
|
|
1379
|
-
const
|
|
1380
|
-
const
|
|
1381
|
-
const
|
|
1382
|
-
const
|
|
1383
|
-
const
|
|
1384
|
-
const
|
|
1385
|
-
const
|
|
1386
|
-
const
|
|
1387
|
-
const
|
|
1388
|
-
const
|
|
1389
|
-
const
|
|
1390
|
-
const
|
|
1391
|
-
const
|
|
1392
|
-
const
|
|
1393
|
-
const
|
|
1394
|
-
const
|
|
1395
|
-
const
|
|
1396
|
-
const
|
|
1397
|
-
const
|
|
1398
|
-
const
|
|
1399
|
-
const
|
|
1400
|
-
const
|
|
1401
|
-
const
|
|
1402
|
-
const
|
|
1403
|
-
const
|
|
1404
|
-
const
|
|
1405
|
-
const
|
|
1406
|
-
const
|
|
1407
|
-
const
|
|
1408
|
-
const
|
|
1409
|
-
const
|
|
1410
|
-
const
|
|
1411
|
-
const
|
|
1412
|
-
const
|
|
1413
|
-
const
|
|
1414
|
-
const
|
|
1415
|
-
const
|
|
1416
|
-
const
|
|
1417
|
-
const
|
|
1418
|
-
const
|
|
1419
|
-
const
|
|
1420
|
-
const
|
|
1421
|
-
const
|
|
1422
|
-
const
|
|
1423
|
-
const
|
|
1424
|
-
const
|
|
1425
|
-
const
|
|
1426
|
-
const
|
|
1427
|
-
const
|
|
1428
|
-
const
|
|
1429
|
-
const
|
|
1430
|
-
const
|
|
1431
|
-
const
|
|
1432
|
-
const
|
|
1433
|
-
const
|
|
1434
|
-
const
|
|
1435
|
-
const
|
|
1436
|
-
const
|
|
1437
|
-
const
|
|
1438
|
-
const
|
|
1439
|
-
const
|
|
1440
|
-
const
|
|
1441
|
-
const
|
|
1442
|
-
const
|
|
1443
|
-
const
|
|
1444
|
-
const
|
|
1445
|
-
const
|
|
1446
|
-
const
|
|
1447
|
-
const
|
|
1448
|
-
const
|
|
1449
|
-
const
|
|
1450
|
-
const
|
|
1451
|
-
const
|
|
1452
|
-
const
|
|
1453
|
-
const
|
|
1454
|
-
const
|
|
1455
|
-
const
|
|
1456
|
-
const
|
|
1457
|
-
const
|
|
1458
|
-
const
|
|
1459
|
-
const
|
|
1460
|
-
const
|
|
1461
|
-
const
|
|
1462
|
-
const
|
|
1463
|
-
const
|
|
1464
|
-
const
|
|
1465
|
-
const
|
|
1466
|
-
const
|
|
1467
|
-
const
|
|
1468
|
-
const
|
|
1469
|
-
const
|
|
1470
|
-
const
|
|
1471
|
-
const
|
|
1472
|
-
const
|
|
1473
|
-
const
|
|
1474
|
-
const
|
|
1475
|
-
const
|
|
1476
|
-
const
|
|
1477
|
-
const
|
|
1478
|
-
const
|
|
1479
|
-
const
|
|
1480
|
-
const
|
|
1481
|
-
const
|
|
1482
|
-
const
|
|
1483
|
-
const
|
|
1484
|
-
const
|
|
1485
|
-
const
|
|
1486
|
-
const
|
|
1487
|
-
const
|
|
1488
|
-
const
|
|
1489
|
-
const
|
|
1490
|
-
const
|
|
1491
|
-
const
|
|
1492
|
-
const
|
|
1493
|
-
const
|
|
1494
|
-
const
|
|
1495
|
-
const
|
|
1496
|
-
const
|
|
1497
|
-
const
|
|
1498
|
-
const
|
|
1499
|
-
const
|
|
1500
|
-
const
|
|
1501
|
-
const
|
|
1502
|
-
const
|
|
1503
|
-
const
|
|
1504
|
-
const
|
|
1505
|
-
const
|
|
1506
|
-
const
|
|
1507
|
-
const
|
|
1508
|
-
const
|
|
1509
|
-
const
|
|
1510
|
-
const
|
|
1511
|
-
const
|
|
1512
|
-
const
|
|
1513
|
-
const
|
|
1514
|
-
const
|
|
1515
|
-
const
|
|
1516
|
-
const
|
|
1517
|
-
const
|
|
1518
|
-
const
|
|
1519
|
-
const
|
|
1520
|
-
const
|
|
1521
|
-
const
|
|
1522
|
-
const
|
|
1523
|
-
const
|
|
1524
|
-
const
|
|
1525
|
-
const
|
|
1526
|
-
const
|
|
1527
|
-
const
|
|
1528
|
-
const
|
|
1529
|
-
const
|
|
1530
|
-
const
|
|
1531
|
-
const
|
|
1532
|
-
const
|
|
1533
|
-
const
|
|
1534
|
-
const
|
|
1535
|
-
const
|
|
1536
|
-
const
|
|
1537
|
-
const
|
|
1538
|
-
const
|
|
1539
|
-
const
|
|
1540
|
-
const
|
|
1541
|
-
const
|
|
1542
|
-
const
|
|
1543
|
-
const
|
|
1544
|
-
const
|
|
1545
|
-
const
|
|
1546
|
-
const
|
|
1292
|
+
const section$9 = "_section_1uz4c_8";
|
|
1293
|
+
const container$6 = "_container_1uz4c_19";
|
|
1294
|
+
const accordion = "_accordion_1uz4c_30";
|
|
1295
|
+
const item$1 = "_item_1uz4c_38";
|
|
1296
|
+
const itemActive = "_itemActive_1uz4c_45";
|
|
1297
|
+
const itemHeader = "_itemHeader_1uz4c_50";
|
|
1298
|
+
const itemHeading = "_itemHeading_1uz4c_64";
|
|
1299
|
+
const chevron$1 = "_chevron_1uz4c_80";
|
|
1300
|
+
const chevronOpen$1 = "_chevronOpen_1uz4c_88";
|
|
1301
|
+
const itemContent = "_itemContent_1uz4c_93";
|
|
1302
|
+
const itemContentOpen = "_itemContentOpen_1uz4c_99";
|
|
1303
|
+
const itemContentInner = "_itemContentInner_1uz4c_103";
|
|
1304
|
+
const itemDescription = "_itemDescription_1uz4c_108";
|
|
1305
|
+
const itemMedia = "_itemMedia_1uz4c_120";
|
|
1306
|
+
const mediaPanel = "_mediaPanel_1uz4c_129";
|
|
1307
|
+
const mediaFallback = "_mediaFallback_1uz4c_133";
|
|
1308
|
+
const sideBySideLines = "_side-by-side-lines_1uz4c_144";
|
|
1309
|
+
const itemLines = "_itemLines_1uz4c_157";
|
|
1310
|
+
const mediaPanelInner = "_mediaPanelInner_1uz4c_213";
|
|
1311
|
+
const sblFadeIn = "_sblFadeIn_1uz4c_1";
|
|
1312
|
+
const tabsCard = "_tabsCard_1uz4c_242";
|
|
1313
|
+
const tabContent = "_tabContent_1uz4c_255";
|
|
1314
|
+
const tabText = "_tabText_1uz4c_262";
|
|
1315
|
+
const tabTopic = "_tabTopic_1uz4c_269";
|
|
1316
|
+
const tabHeading = "_tabHeading_1uz4c_277";
|
|
1317
|
+
const tabDescription = "_tabDescription_1uz4c_287";
|
|
1318
|
+
const tabMedia = "_tabMedia_1uz4c_296";
|
|
1319
|
+
const strokeCard = "_strokeCard_1uz4c_313";
|
|
1320
|
+
const strokeText = "_strokeText_1uz4c_328";
|
|
1321
|
+
const strokeTextGroup = "_strokeTextGroup_1uz4c_334";
|
|
1322
|
+
const strokeHeading = "_strokeHeading_1uz4c_340";
|
|
1323
|
+
const strokeDescription = "_strokeDescription_1uz4c_350";
|
|
1324
|
+
const strokeMedia = "_strokeMedia_1uz4c_360";
|
|
1325
|
+
const sideBySideBullets = "_side-by-side-bullets_1uz4c_377";
|
|
1326
|
+
const bulletSectionHeader = "_bulletSectionHeader_1uz4c_384";
|
|
1327
|
+
const bulletTopic = "_bulletTopic_1uz4c_390";
|
|
1328
|
+
const bulletSectionHeading = "_bulletSectionHeading_1uz4c_398";
|
|
1329
|
+
const bulletCard = "_bulletCard_1uz4c_409";
|
|
1330
|
+
const bulletList = "_bulletList_1uz4c_414";
|
|
1331
|
+
const bulletItemInactive = "_bulletItemInactive_1uz4c_420";
|
|
1332
|
+
const bulletIcon$2 = "_bulletIcon_1uz4c_435";
|
|
1333
|
+
const bulletInactiveLabel = "_bulletInactiveLabel_1uz4c_444";
|
|
1334
|
+
const bulletItemActive = "_bulletItemActive_1uz4c_452";
|
|
1335
|
+
const bulletActiveLabel = "_bulletActiveLabel_1uz4c_464";
|
|
1336
|
+
const bulletActiveDesc = "_bulletActiveDesc_1uz4c_472";
|
|
1337
|
+
const bulletMediaPanel = "_bulletMediaPanel_1uz4c_481";
|
|
1338
|
+
const bulletMediaFallback = "_bulletMediaFallback_1uz4c_494";
|
|
1339
|
+
const bulletCarouselWrapper = "_bulletCarouselWrapper_1uz4c_501";
|
|
1340
|
+
const bulletCarouselTrack = "_bulletCarouselTrack_1uz4c_507";
|
|
1341
|
+
const bulletCarouselCard = "_bulletCarouselCard_1uz4c_522";
|
|
1342
|
+
const bulletCarouselText = "_bulletCarouselText_1uz4c_534";
|
|
1343
|
+
const bulletCarouselTitle = "_bulletCarouselTitle_1uz4c_540";
|
|
1344
|
+
const bulletCarouselDesc = "_bulletCarouselDesc_1uz4c_548";
|
|
1345
|
+
const bulletCarouselMedia = "_bulletCarouselMedia_1uz4c_557";
|
|
1346
|
+
const bulletCarouselNav = "_bulletCarouselNav_1uz4c_570";
|
|
1347
|
+
const tabCardsCarousel = "_tab-cards-carousel_1uz4c_580";
|
|
1348
|
+
const tcSectionText = "_tcSectionText_1uz4c_587";
|
|
1349
|
+
const tcTopic = "_tcTopic_1uz4c_596";
|
|
1350
|
+
const tcSectionHeading = "_tcSectionHeading_1uz4c_604";
|
|
1351
|
+
const tcTabBar = "_tcTabBar_1uz4c_614";
|
|
1352
|
+
const tcTab = "_tcTab_1uz4c_614";
|
|
1353
|
+
const tcTabActive = "_tcTabActive_1uz4c_643";
|
|
1354
|
+
const tcCarouselOuter = "_tcCarouselOuter_1uz4c_648";
|
|
1355
|
+
const tcCarouselTrack = "_tcCarouselTrack_1uz4c_653";
|
|
1356
|
+
const tcCard = "_tcCard_1uz4c_660";
|
|
1357
|
+
const tcCardHeader = "_tcCardHeader_1uz4c_673";
|
|
1358
|
+
const tcCardMeta = "_tcCardMeta_1uz4c_680";
|
|
1359
|
+
const tcCardIcon = "_tcCardIcon_1uz4c_688";
|
|
1360
|
+
const tcCardText = "_tcCardText_1uz4c_705";
|
|
1361
|
+
const tcCardTitle = "_tcCardTitle_1uz4c_711";
|
|
1362
|
+
const tcCardSubtitle = "_tcCardSubtitle_1uz4c_719";
|
|
1363
|
+
const tcCtaDeskWrap = "_tcCtaDeskWrap_1uz4c_727";
|
|
1364
|
+
const tcCtaMobWrap = "_tcCtaMobWrap_1uz4c_731";
|
|
1365
|
+
const tcMedia = "_tcMedia_1uz4c_735";
|
|
1366
|
+
const tcNav = "_tcNav_1uz4c_749";
|
|
1367
|
+
const stackedRows = "_stacked-rows_1uz4c_759";
|
|
1368
|
+
const srHeader = "_srHeader_1uz4c_766";
|
|
1369
|
+
const srTopic = "_srTopic_1uz4c_774";
|
|
1370
|
+
const srSectionHeading = "_srSectionHeading_1uz4c_782";
|
|
1371
|
+
const srRow = "_srRow_1uz4c_793";
|
|
1372
|
+
const srContentCard = "_srContentCard_1uz4c_799";
|
|
1373
|
+
const srCardInner = "_srCardInner_1uz4c_808";
|
|
1374
|
+
const srTopGroup = "_srTopGroup_1uz4c_814";
|
|
1375
|
+
const srTagWrap = "_srTagWrap_1uz4c_820";
|
|
1376
|
+
const srTagDot = "_srTagDot_1uz4c_826";
|
|
1377
|
+
const srTagLabel = "_srTagLabel_1uz4c_834";
|
|
1378
|
+
const srHeading = "_srHeading_1uz4c_842";
|
|
1379
|
+
const srDesc = "_srDesc_1uz4c_852";
|
|
1380
|
+
const srBottomGroup = "_srBottomGroup_1uz4c_861";
|
|
1381
|
+
const srBullets = "_srBullets_1uz4c_867";
|
|
1382
|
+
const srBullet = "_srBullet_1uz4c_867";
|
|
1383
|
+
const srBulletIcon = "_srBulletIcon_1uz4c_881";
|
|
1384
|
+
const srBulletLabel = "_srBulletLabel_1uz4c_891";
|
|
1385
|
+
const srMedia = "_srMedia_1uz4c_901";
|
|
1386
|
+
const horizontalCards = "_horizontal-cards_1uz4c_918";
|
|
1387
|
+
const hcHeader = "_hcHeader_1uz4c_926";
|
|
1388
|
+
const hcTagline = "_hcTagline_1uz4c_935";
|
|
1389
|
+
const hcSectionHeading = "_hcSectionHeading_1uz4c_943";
|
|
1390
|
+
const hcSectionDesc = "_hcSectionDesc_1uz4c_952";
|
|
1391
|
+
const hcGrid = "_hcGrid_1uz4c_962";
|
|
1392
|
+
const hcCard = "_hcCard_1uz4c_981";
|
|
1393
|
+
const hcMedia = "_hcMedia_1uz4c_993";
|
|
1394
|
+
const hcContent = "_hcContent_1uz4c_1006";
|
|
1395
|
+
const hcTextGroup = "_hcTextGroup_1uz4c_1015";
|
|
1396
|
+
const hcHeading = "_hcHeading_1uz4c_1022";
|
|
1397
|
+
const hcDesc = "_hcDesc_1uz4c_1031";
|
|
1398
|
+
const hcAction = "_hcAction_1uz4c_1040";
|
|
1399
|
+
const hcDots = "_hcDots_1uz4c_1062";
|
|
1400
|
+
const horizontalIcons = "_horizontal-icons_1uz4c_1071";
|
|
1401
|
+
const hiHeader = "_hiHeader_1uz4c_1078";
|
|
1402
|
+
const hiTagline = "_hiTagline_1uz4c_1084";
|
|
1403
|
+
const hiSectionHeading = "_hiSectionHeading_1uz4c_1092";
|
|
1404
|
+
const hiSectionDesc = "_hiSectionDesc_1uz4c_1102";
|
|
1405
|
+
const hiGrid = "_hiGrid_1uz4c_1111";
|
|
1406
|
+
const hiColumn = "_hiColumn_1uz4c_1118";
|
|
1407
|
+
const hiIconWrap = "_hiIconWrap_1uz4c_1124";
|
|
1408
|
+
const hiTextGroup = "_hiTextGroup_1uz4c_1133";
|
|
1409
|
+
const hiHeading = "_hiHeading_1uz4c_1139";
|
|
1410
|
+
const hiDesc = "_hiDesc_1uz4c_1149";
|
|
1411
|
+
const stackedMediaLeft = "_stacked-media-left_1uz4c_1162";
|
|
1412
|
+
const smlSectionHeader = "_smlSectionHeader_1uz4c_1169";
|
|
1413
|
+
const smlSectionTopic = "_smlSectionTopic_1uz4c_1175";
|
|
1414
|
+
const smlSectionHeading = "_smlSectionHeading_1uz4c_1183";
|
|
1415
|
+
const smlRow = "_smlRow_1uz4c_1193";
|
|
1416
|
+
const smlMedia = "_smlMedia_1uz4c_1199";
|
|
1417
|
+
const smlContent = "_smlContent_1uz4c_1213";
|
|
1418
|
+
const smlTagline = "_smlTagline_1uz4c_1220";
|
|
1419
|
+
const smlHeading = "_smlHeading_1uz4c_1228";
|
|
1420
|
+
const smlDesc = "_smlDesc_1uz4c_1238";
|
|
1421
|
+
const smlActions = "_smlActions_1uz4c_1247";
|
|
1422
|
+
const horizontalMediaTop = "_horizontal-media-top_1uz4c_1259";
|
|
1423
|
+
const hmtHeader = "_hmtHeader_1uz4c_1267";
|
|
1424
|
+
const hmtTopic = "_hmtTopic_1uz4c_1275";
|
|
1425
|
+
const hmtSectionHeading = "_hmtSectionHeading_1uz4c_1283";
|
|
1426
|
+
const hmtGrid = "_hmtGrid_1uz4c_1293";
|
|
1427
|
+
const hmtColumn = "_hmtColumn_1uz4c_1300";
|
|
1428
|
+
const hmtMedia = "_hmtMedia_1uz4c_1306";
|
|
1429
|
+
const hmtContent = "_hmtContent_1uz4c_1320";
|
|
1430
|
+
const hmtTextGroup = "_hmtTextGroup_1uz4c_1326";
|
|
1431
|
+
const hmtHeading = "_hmtHeading_1uz4c_1332";
|
|
1432
|
+
const hmtDesc = "_hmtDesc_1uz4c_1342";
|
|
1433
|
+
const hmtAction = "_hmtAction_1uz4c_1351";
|
|
1434
|
+
const stackedCardsCarousel = "_stacked-cards-carousel_1uz4c_1375";
|
|
1435
|
+
const sccDeskStack = "_sccDeskStack_1uz4c_1383";
|
|
1436
|
+
const sccMobTrack = "_sccMobTrack_1uz4c_1388";
|
|
1437
|
+
const sccCard = "_sccCard_1uz4c_1402";
|
|
1438
|
+
const sccMedia = "_sccMedia_1uz4c_1412";
|
|
1439
|
+
const sccCardContent = "_sccCardContent_1uz4c_1419";
|
|
1440
|
+
const sccDotTag = "_sccDotTag_1uz4c_1427";
|
|
1441
|
+
const sccDot = "_sccDot_1uz4c_1427";
|
|
1442
|
+
const sccDotLabel = "_sccDotLabel_1uz4c_1441";
|
|
1443
|
+
const sccHeading = "_sccHeading_1uz4c_1447";
|
|
1444
|
+
const sccDesc = "_sccDesc_1uz4c_1456";
|
|
1445
|
+
const sccMobDots = "_sccMobDots_1uz4c_1463";
|
|
1446
|
+
const contentCarousel = "_content-carousel_1uz4c_1469";
|
|
1447
|
+
const ccHeader = "_ccHeader_1uz4c_1477";
|
|
1448
|
+
const ccSectionHeading = "_ccSectionHeading_1uz4c_1486";
|
|
1449
|
+
const ccSectionDesc = "_ccSectionDesc_1uz4c_1495";
|
|
1450
|
+
const ccMobTrack = "_ccMobTrack_1uz4c_1503";
|
|
1451
|
+
const ccDeskGrid = "_ccDeskGrid_1uz4c_1522";
|
|
1452
|
+
const ccCard = "_ccCard_1uz4c_1526";
|
|
1453
|
+
const ccMedia = "_ccMedia_1uz4c_1534";
|
|
1454
|
+
const ccContent = "_ccContent_1uz4c_1542";
|
|
1455
|
+
const ccCardHeading = "_ccCardHeading_1uz4c_1549";
|
|
1456
|
+
const ccCardDesc = "_ccCardDesc_1uz4c_1558";
|
|
1457
|
+
const ccLearnMore = "_ccLearnMore_1uz4c_1565";
|
|
1458
|
+
const ccNavRow = "_ccNavRow_1uz4c_1579";
|
|
1459
|
+
const ccArrows = "_ccArrows_1uz4c_1586";
|
|
1460
|
+
const listRightMedia = "_list-right-media_1uz4c_1591";
|
|
1461
|
+
const lrmContainer = "_lrmContainer_1uz4c_1598";
|
|
1462
|
+
const lrmLeft = "_lrmLeft_1uz4c_1605";
|
|
1463
|
+
const lrmSectionText = "_lrmSectionText_1uz4c_1611";
|
|
1464
|
+
const lrmTagline = "_lrmTagline_1uz4c_1617";
|
|
1465
|
+
const lrmSectionHeading = "_lrmSectionHeading_1uz4c_1624";
|
|
1466
|
+
const lrmSectionDesc = "_lrmSectionDesc_1uz4c_1633";
|
|
1467
|
+
const lrmList = "_lrmList_1uz4c_1640";
|
|
1468
|
+
const lrmItem = "_lrmItem_1uz4c_1645";
|
|
1469
|
+
const lrmItemHeading = "_lrmItemHeading_1uz4c_1653";
|
|
1470
|
+
const lrmItemDesc = "_lrmItemDesc_1uz4c_1662";
|
|
1471
|
+
const lrmMedia = "_lrmMedia_1uz4c_1669";
|
|
1472
|
+
const tabsMediaRight = "_tabs-media-right_1uz4c_1678";
|
|
1473
|
+
const tmrSectionHeader = "_tmrSectionHeader_1uz4c_1686";
|
|
1474
|
+
const tmrTagline = "_tmrTagline_1uz4c_1695";
|
|
1475
|
+
const tmrSectionHeading = "_tmrSectionHeading_1uz4c_1702";
|
|
1476
|
+
const tmrSectionDesc = "_tmrSectionDesc_1uz4c_1711";
|
|
1477
|
+
const tmrSectionActions = "_tmrSectionActions_1uz4c_1718";
|
|
1478
|
+
const tmrPanel = "_tmrPanel_1uz4c_1726";
|
|
1479
|
+
const tmrPanelText = "_tmrPanelText_1uz4c_1735";
|
|
1480
|
+
const tmrDotTag = "_tmrDotTag_1uz4c_1742";
|
|
1481
|
+
const tmrDot = "_tmrDot_1uz4c_1742";
|
|
1482
|
+
const tmrDotLabel = "_tmrDotLabel_1uz4c_1756";
|
|
1483
|
+
const tmrPanelHeading = "_tmrPanelHeading_1uz4c_1762";
|
|
1484
|
+
const tmrPanelDesc = "_tmrPanelDesc_1uz4c_1771";
|
|
1485
|
+
const tmrPanelMedia = "_tmrPanelMedia_1uz4c_1778";
|
|
1486
|
+
const tmrTabsWrap = "_tmrTabsWrap_1uz4c_1786";
|
|
1487
|
+
const amrContainer = "_amrContainer_1uz4c_1810";
|
|
1488
|
+
const amrLeft = "_amrLeft_1uz4c_1817";
|
|
1489
|
+
const amrSectionText = "_amrSectionText_1uz4c_1823";
|
|
1490
|
+
const amrSectionHeading = "_amrSectionHeading_1uz4c_1829";
|
|
1491
|
+
const amrSectionDesc = "_amrSectionDesc_1uz4c_1839";
|
|
1492
|
+
const amrAccordion = "_amrAccordion_1uz4c_1846";
|
|
1493
|
+
const amrItem = "_amrItem_1uz4c_1851";
|
|
1494
|
+
const amrItemTrigger = "_amrItemTrigger_1uz4c_1859";
|
|
1495
|
+
const amrItemTitle = "_amrItemTitle_1uz4c_1872";
|
|
1496
|
+
const amrItemOpen = "_amrItemOpen_1uz4c_1880";
|
|
1497
|
+
const amrChevron = "_amrChevron_1uz4c_1884";
|
|
1498
|
+
const amrItemContent = "_amrItemContent_1uz4c_1895";
|
|
1499
|
+
const amrItemDesc = "_amrItemDesc_1uz4c_1903";
|
|
1500
|
+
const amrMedia = "_amrMedia_1uz4c_1910";
|
|
1501
|
+
const naContainer = "_naContainer_1uz4c_1919";
|
|
1502
|
+
const naSectionHeader = "_naSectionHeader_1uz4c_1926";
|
|
1503
|
+
const naTagline = "_naTagline_1uz4c_1934";
|
|
1504
|
+
const naSectionHeading = "_naSectionHeading_1uz4c_1941";
|
|
1505
|
+
const naSectionDesc = "_naSectionDesc_1uz4c_1951";
|
|
1506
|
+
const naDesktopRow = "_naDesktopRow_1uz4c_1959";
|
|
1507
|
+
const naMobileList = "_naMobileList_1uz4c_1964";
|
|
1508
|
+
const naMobileItem = "_naMobileItem_1uz4c_1971";
|
|
1509
|
+
const naMobileItemHeader = "_naMobileItemHeader_1uz4c_1978";
|
|
1510
|
+
const naMobileItemBody = "_naMobileItemBody_1uz4c_1992";
|
|
1511
|
+
const naMobileItemActive = "_naMobileItemActive_1uz4c_1998";
|
|
1512
|
+
const naMobileInactiveLabel = "_naMobileInactiveLabel_1uz4c_2003";
|
|
1513
|
+
const naMobileBodyInner = "_naMobileBodyInner_1uz4c_2007";
|
|
1514
|
+
const naMobileNumber = "_naMobileNumber_1uz4c_2016";
|
|
1515
|
+
const naMobileHeading = "_naMobileHeading_1uz4c_2027";
|
|
1516
|
+
const naMobileDesc = "_naMobileDesc_1uz4c_2037";
|
|
1517
|
+
const naMobileMedia = "_naMobileMedia_1uz4c_2044";
|
|
1518
|
+
const snContainer = "_snContainer_1uz4c_2063";
|
|
1519
|
+
const snRow = "_snRow_1uz4c_2070";
|
|
1520
|
+
const snNumber = "_snNumber_1uz4c_2077";
|
|
1521
|
+
const snContent = "_snContent_1uz4c_2087";
|
|
1522
|
+
const snSectionTitle = "_snSectionTitle_1uz4c_2093";
|
|
1523
|
+
const snTagline = "_snTagline_1uz4c_2099";
|
|
1524
|
+
const snHeadingBlock = "_snHeadingBlock_1uz4c_2106";
|
|
1525
|
+
const snHeading = "_snHeading_1uz4c_2106";
|
|
1526
|
+
const snDesc = "_snDesc_1uz4c_2122";
|
|
1527
|
+
const snActions = "_snActions_1uz4c_2129";
|
|
1528
|
+
const snSticky = "_snSticky_1uz4c_2137";
|
|
1529
|
+
const snNumDisplay = "_snNumDisplay_1uz4c_2141";
|
|
1530
|
+
const snDigitZero = "_snDigitZero_1uz4c_2154";
|
|
1531
|
+
const snDigitCol = "_snDigitCol_1uz4c_2159";
|
|
1532
|
+
const snDigitItem = "_snDigitItem_1uz4c_2165";
|
|
1533
|
+
const snRows = "_snRows_1uz4c_2170";
|
|
1534
|
+
const snBarTrack = "_snBarTrack_1uz4c_2176";
|
|
1535
|
+
const snBarFill = "_snBarFill_1uz4c_2183";
|
|
1536
|
+
const silContainer = "_silContainer_1uz4c_2191";
|
|
1537
|
+
const silLeft = "_silLeft_1uz4c_2198";
|
|
1538
|
+
const silSectionTitle = "_silSectionTitle_1uz4c_2204";
|
|
1539
|
+
const silTagline = "_silTagline_1uz4c_2210";
|
|
1540
|
+
const silHeadingBlock = "_silHeadingBlock_1uz4c_2217";
|
|
1541
|
+
const silSectionHeading = "_silSectionHeading_1uz4c_2223";
|
|
1542
|
+
const silSectionDesc = "_silSectionDesc_1uz4c_2233";
|
|
1543
|
+
const silActions = "_silActions_1uz4c_2240";
|
|
1544
|
+
const silRight = "_silRight_1uz4c_2247";
|
|
1545
|
+
const silCard = "_silCard_1uz4c_2253";
|
|
1546
|
+
const silIcon = "_silIcon_1uz4c_2262";
|
|
1547
|
+
const silItemHeading = "_silItemHeading_1uz4c_2269";
|
|
1548
|
+
const silItemDesc = "_silItemDesc_1uz4c_2278";
|
|
1549
|
+
const naPanel = "_naPanel_1uz4c_2952";
|
|
1550
|
+
const naPanelActive = "_naPanelActive_1uz4c_2964";
|
|
1551
|
+
const naPanelSide = "_naPanelSide_1uz4c_2969";
|
|
1552
|
+
const naPanelBody = "_naPanelBody_1uz4c_2984";
|
|
1553
|
+
const naActivePanelContent = "_naActivePanelContent_1uz4c_2997";
|
|
1554
|
+
const naActivePanelHeader = "_naActivePanelHeader_1uz4c_3006";
|
|
1555
|
+
const naNumber = "_naNumber_1uz4c_3012";
|
|
1556
|
+
const naPanelHeading = "_naPanelHeading_1uz4c_3020";
|
|
1557
|
+
const naPanelDesc = "_naPanelDesc_1uz4c_3030";
|
|
1558
|
+
const naMedia = "_naMedia_1uz4c_3037";
|
|
1559
|
+
const naLabelWrap = "_naLabelWrap_1uz4c_3045";
|
|
1560
|
+
const naLabel = "_naLabel_1uz4c_3045";
|
|
1561
|
+
const containerWide$6 = "_containerWide_1uz4c_3135";
|
|
1562
|
+
const containerFull$6 = "_containerFull_1uz4c_3139";
|
|
1547
1563
|
const styles$c = {
|
|
1548
1564
|
section: section$9,
|
|
1549
1565
|
container: container$6,
|
|
@@ -1555,13 +1571,17 @@ const styles$c = {
|
|
|
1555
1571
|
chevron: chevron$1,
|
|
1556
1572
|
chevronOpen: chevronOpen$1,
|
|
1557
1573
|
itemContent,
|
|
1574
|
+
itemContentOpen,
|
|
1575
|
+
itemContentInner,
|
|
1558
1576
|
itemDescription,
|
|
1559
1577
|
itemMedia,
|
|
1560
1578
|
mediaPanel,
|
|
1561
1579
|
mediaFallback,
|
|
1562
|
-
"side-by-side-lines": "_side-by-side-
|
|
1580
|
+
"side-by-side-lines": "_side-by-side-lines_1uz4c_144",
|
|
1563
1581
|
sideBySideLines,
|
|
1564
1582
|
itemLines,
|
|
1583
|
+
mediaPanelInner,
|
|
1584
|
+
sblFadeIn,
|
|
1565
1585
|
tabsCard,
|
|
1566
1586
|
tabContent,
|
|
1567
1587
|
tabText,
|
|
@@ -1575,7 +1595,7 @@ const styles$c = {
|
|
|
1575
1595
|
strokeHeading,
|
|
1576
1596
|
strokeDescription,
|
|
1577
1597
|
strokeMedia,
|
|
1578
|
-
"side-by-side-bullets": "_side-by-side-
|
|
1598
|
+
"side-by-side-bullets": "_side-by-side-bullets_1uz4c_377",
|
|
1579
1599
|
sideBySideBullets,
|
|
1580
1600
|
bulletSectionHeader,
|
|
1581
1601
|
bulletTopic,
|
|
@@ -1598,7 +1618,7 @@ const styles$c = {
|
|
|
1598
1618
|
bulletCarouselDesc,
|
|
1599
1619
|
bulletCarouselMedia,
|
|
1600
1620
|
bulletCarouselNav,
|
|
1601
|
-
"tab-cards-carousel": "_tab-cards-
|
|
1621
|
+
"tab-cards-carousel": "_tab-cards-carousel_1uz4c_580",
|
|
1602
1622
|
tabCardsCarousel,
|
|
1603
1623
|
tcSectionText,
|
|
1604
1624
|
tcTopic,
|
|
@@ -1619,7 +1639,7 @@ const styles$c = {
|
|
|
1619
1639
|
tcCtaMobWrap,
|
|
1620
1640
|
tcMedia,
|
|
1621
1641
|
tcNav,
|
|
1622
|
-
"stacked-rows": "_stacked-
|
|
1642
|
+
"stacked-rows": "_stacked-rows_1uz4c_759",
|
|
1623
1643
|
stackedRows,
|
|
1624
1644
|
srHeader,
|
|
1625
1645
|
srTopic,
|
|
@@ -1639,7 +1659,7 @@ const styles$c = {
|
|
|
1639
1659
|
srBulletIcon,
|
|
1640
1660
|
srBulletLabel,
|
|
1641
1661
|
srMedia,
|
|
1642
|
-
"horizontal-cards": "_horizontal-
|
|
1662
|
+
"horizontal-cards": "_horizontal-cards_1uz4c_918",
|
|
1643
1663
|
horizontalCards,
|
|
1644
1664
|
hcHeader,
|
|
1645
1665
|
hcTagline,
|
|
@@ -1654,7 +1674,7 @@ const styles$c = {
|
|
|
1654
1674
|
hcDesc,
|
|
1655
1675
|
hcAction,
|
|
1656
1676
|
hcDots,
|
|
1657
|
-
"horizontal-icons": "_horizontal-
|
|
1677
|
+
"horizontal-icons": "_horizontal-icons_1uz4c_1071",
|
|
1658
1678
|
horizontalIcons,
|
|
1659
1679
|
hiHeader,
|
|
1660
1680
|
hiTagline,
|
|
@@ -1666,7 +1686,7 @@ const styles$c = {
|
|
|
1666
1686
|
hiTextGroup,
|
|
1667
1687
|
hiHeading,
|
|
1668
1688
|
hiDesc,
|
|
1669
|
-
"stacked-media-left": "_stacked-media-
|
|
1689
|
+
"stacked-media-left": "_stacked-media-left_1uz4c_1162",
|
|
1670
1690
|
stackedMediaLeft,
|
|
1671
1691
|
smlSectionHeader,
|
|
1672
1692
|
smlSectionTopic,
|
|
@@ -1678,7 +1698,7 @@ const styles$c = {
|
|
|
1678
1698
|
smlHeading,
|
|
1679
1699
|
smlDesc,
|
|
1680
1700
|
smlActions,
|
|
1681
|
-
"horizontal-media-top": "_horizontal-media-
|
|
1701
|
+
"horizontal-media-top": "_horizontal-media-top_1uz4c_1259",
|
|
1682
1702
|
horizontalMediaTop,
|
|
1683
1703
|
hmtHeader,
|
|
1684
1704
|
hmtTopic,
|
|
@@ -1691,7 +1711,7 @@ const styles$c = {
|
|
|
1691
1711
|
hmtHeading,
|
|
1692
1712
|
hmtDesc,
|
|
1693
1713
|
hmtAction,
|
|
1694
|
-
"stacked-cards-carousel": "_stacked-cards-
|
|
1714
|
+
"stacked-cards-carousel": "_stacked-cards-carousel_1uz4c_1375",
|
|
1695
1715
|
stackedCardsCarousel,
|
|
1696
1716
|
sccDeskStack,
|
|
1697
1717
|
sccMobTrack,
|
|
@@ -1704,7 +1724,7 @@ const styles$c = {
|
|
|
1704
1724
|
sccHeading,
|
|
1705
1725
|
sccDesc,
|
|
1706
1726
|
sccMobDots,
|
|
1707
|
-
"content-carousel": "_content-
|
|
1727
|
+
"content-carousel": "_content-carousel_1uz4c_1469",
|
|
1708
1728
|
contentCarousel,
|
|
1709
1729
|
ccHeader,
|
|
1710
1730
|
ccSectionHeading,
|
|
@@ -1719,7 +1739,7 @@ const styles$c = {
|
|
|
1719
1739
|
ccLearnMore,
|
|
1720
1740
|
ccNavRow,
|
|
1721
1741
|
ccArrows,
|
|
1722
|
-
"list-right-media": "_list-right-
|
|
1742
|
+
"list-right-media": "_list-right-media_1uz4c_1591",
|
|
1723
1743
|
listRightMedia,
|
|
1724
1744
|
lrmContainer,
|
|
1725
1745
|
lrmLeft,
|
|
@@ -1732,7 +1752,7 @@ const styles$c = {
|
|
|
1732
1752
|
lrmItemHeading,
|
|
1733
1753
|
lrmItemDesc,
|
|
1734
1754
|
lrmMedia,
|
|
1735
|
-
"tabs-media-right": "_tabs-media-
|
|
1755
|
+
"tabs-media-right": "_tabs-media-right_1uz4c_1678",
|
|
1736
1756
|
tabsMediaRight,
|
|
1737
1757
|
tmrSectionHeader,
|
|
1738
1758
|
tmrTagline,
|
|
@@ -1769,13 +1789,16 @@ const styles$c = {
|
|
|
1769
1789
|
naSectionDesc,
|
|
1770
1790
|
naDesktopRow,
|
|
1771
1791
|
naMobileList,
|
|
1772
|
-
|
|
1792
|
+
naMobileItem,
|
|
1793
|
+
naMobileItemHeader,
|
|
1794
|
+
naMobileItemBody,
|
|
1795
|
+
naMobileItemActive,
|
|
1796
|
+
naMobileInactiveLabel,
|
|
1797
|
+
naMobileBodyInner,
|
|
1773
1798
|
naMobileNumber,
|
|
1774
1799
|
naMobileHeading,
|
|
1775
1800
|
naMobileDesc,
|
|
1776
1801
|
naMobileMedia,
|
|
1777
|
-
naMobileInactiveItem,
|
|
1778
|
-
naMobileInactiveLabel,
|
|
1779
1802
|
snContainer,
|
|
1780
1803
|
snRow,
|
|
1781
1804
|
snNumber,
|
|
@@ -1786,6 +1809,14 @@ const styles$c = {
|
|
|
1786
1809
|
snHeading,
|
|
1787
1810
|
snDesc,
|
|
1788
1811
|
snActions,
|
|
1812
|
+
snSticky,
|
|
1813
|
+
snNumDisplay,
|
|
1814
|
+
snDigitZero,
|
|
1815
|
+
snDigitCol,
|
|
1816
|
+
snDigitItem,
|
|
1817
|
+
snRows,
|
|
1818
|
+
snBarTrack,
|
|
1819
|
+
snBarFill,
|
|
1789
1820
|
silContainer,
|
|
1790
1821
|
silLeft,
|
|
1791
1822
|
silSectionTitle,
|
|
@@ -1799,15 +1830,16 @@ const styles$c = {
|
|
|
1799
1830
|
silIcon,
|
|
1800
1831
|
silItemHeading,
|
|
1801
1832
|
silItemDesc,
|
|
1802
|
-
|
|
1833
|
+
naPanel,
|
|
1834
|
+
naPanelActive,
|
|
1835
|
+
naPanelSide,
|
|
1836
|
+
naPanelBody,
|
|
1803
1837
|
naActivePanelContent,
|
|
1804
1838
|
naActivePanelHeader,
|
|
1805
1839
|
naNumber,
|
|
1806
1840
|
naPanelHeading,
|
|
1807
1841
|
naPanelDesc,
|
|
1808
1842
|
naMedia,
|
|
1809
|
-
naInactivePanel,
|
|
1810
|
-
naInactiveNumber,
|
|
1811
1843
|
naLabelWrap,
|
|
1812
1844
|
naLabel,
|
|
1813
1845
|
containerWide: containerWide$6,
|
|
@@ -1838,28 +1870,6 @@ function ChevronIcon$1({ open }) {
|
|
|
1838
1870
|
);
|
|
1839
1871
|
}
|
|
1840
1872
|
function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showMedia, variant = "fill" }) {
|
|
1841
|
-
const contentRef = React.useRef(null);
|
|
1842
|
-
const isFirstRender = React.useRef(true);
|
|
1843
|
-
const [height, setHeight] = React.useState(isActive ? "auto" : "0px");
|
|
1844
|
-
React.useEffect(() => {
|
|
1845
|
-
if (isFirstRender.current) {
|
|
1846
|
-
isFirstRender.current = false;
|
|
1847
|
-
return;
|
|
1848
|
-
}
|
|
1849
|
-
if (!contentRef.current) return;
|
|
1850
|
-
if (isActive) {
|
|
1851
|
-
const h = contentRef.current.scrollHeight;
|
|
1852
|
-
setHeight(`${h}px`);
|
|
1853
|
-
const timer = setTimeout(() => setHeight("auto"), 320);
|
|
1854
|
-
return () => clearTimeout(timer);
|
|
1855
|
-
} else {
|
|
1856
|
-
const h = contentRef.current.scrollHeight;
|
|
1857
|
-
setHeight(`${h}px`);
|
|
1858
|
-
requestAnimationFrame(() => {
|
|
1859
|
-
requestAnimationFrame(() => setHeight("0px"));
|
|
1860
|
-
});
|
|
1861
|
-
}
|
|
1862
|
-
}, [isActive]);
|
|
1863
1873
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles$c.item} ${isActive ? styles$c.itemActive : ""} ${variant === "lines" ? styles$c.itemLines : ""}`, children: [
|
|
1864
1874
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
1865
1875
|
"button",
|
|
@@ -1874,17 +1884,15 @@ function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showM
|
|
|
1874
1884
|
]
|
|
1875
1885
|
}
|
|
1876
1886
|
),
|
|
1877
|
-
/* @__PURE__ */ jsxRuntime.
|
|
1887
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1878
1888
|
"div",
|
|
1879
1889
|
{
|
|
1880
|
-
|
|
1881
|
-
className: styles$c.itemContent,
|
|
1882
|
-
style: { height },
|
|
1890
|
+
className: `${styles$c.itemContent} ${isActive ? styles$c.itemContentOpen : ""}`,
|
|
1883
1891
|
"aria-hidden": !isActive,
|
|
1884
|
-
children: [
|
|
1892
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.itemContentInner, children: [
|
|
1885
1893
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.itemDescription, children: item2.description }),
|
|
1886
1894
|
showMedia && item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.itemMedia, children: item2.media })
|
|
1887
|
-
]
|
|
1895
|
+
] })
|
|
1888
1896
|
}
|
|
1889
1897
|
)
|
|
1890
1898
|
] });
|
|
@@ -2434,22 +2442,85 @@ function HorizontalMediaTopLayout({
|
|
|
2434
2442
|
] });
|
|
2435
2443
|
}
|
|
2436
2444
|
function StepsNumberedLayout({ items }) {
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2445
|
+
const containerRef = React.useRef(null);
|
|
2446
|
+
const digitColRef = React.useRef(null);
|
|
2447
|
+
const cardRefs = React.useRef([]);
|
|
2448
|
+
const barFillRefs = React.useRef([]);
|
|
2449
|
+
React.useEffect(() => {
|
|
2450
|
+
var _a;
|
|
2451
|
+
if ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) return;
|
|
2452
|
+
const clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
|
|
2453
|
+
const onScroll = () => {
|
|
2454
|
+
const container2 = containerRef.current;
|
|
2455
|
+
const digitCol = digitColRef.current;
|
|
2456
|
+
if (container2 && digitCol) {
|
|
2457
|
+
const section2 = container2.closest("section");
|
|
2458
|
+
if (section2) {
|
|
2459
|
+
const rect = section2.getBoundingClientRect();
|
|
2460
|
+
const p = clamp01(-rect.top / rect.height);
|
|
2461
|
+
const N = items.length;
|
|
2462
|
+
const translatePct = -p * ((N - 1) / N) * 100;
|
|
2463
|
+
digitCol.style.transform = `translateY(${translatePct.toFixed(2)}%)`;
|
|
2464
|
+
}
|
|
2465
|
+
}
|
|
2466
|
+
const vh = window.innerHeight;
|
|
2467
|
+
cardRefs.current.forEach((card2, i) => {
|
|
2468
|
+
const barFill = barFillRefs.current[i];
|
|
2469
|
+
if (!card2 || !barFill) return;
|
|
2470
|
+
const rect = card2.getBoundingClientRect();
|
|
2471
|
+
const cardP = clamp01((vh / 2 - rect.top) / rect.height);
|
|
2472
|
+
barFill.style.width = `${(cardP * 100).toFixed(1)}%`;
|
|
2473
|
+
});
|
|
2474
|
+
};
|
|
2475
|
+
onScroll();
|
|
2476
|
+
window.addEventListener("scroll", onScroll, { passive: true });
|
|
2477
|
+
window.addEventListener("resize", onScroll, { passive: true });
|
|
2478
|
+
return () => {
|
|
2479
|
+
window.removeEventListener("scroll", onScroll);
|
|
2480
|
+
window.removeEventListener("resize", onScroll);
|
|
2481
|
+
};
|
|
2482
|
+
}, [items.length]);
|
|
2483
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: styles$c.snContainer, children: [
|
|
2484
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snSticky, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snNumDisplay, children: [
|
|
2485
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitZero, children: "0" }),
|
|
2486
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: digitColRef, className: styles$c.snDigitCol, children: items.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snDigitItem, children: i + 1 }, i)) })
|
|
2487
|
+
] }) }),
|
|
2488
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snRows, children: items.map((item2, i) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2489
|
+
"div",
|
|
2490
|
+
{
|
|
2491
|
+
ref: (el) => {
|
|
2492
|
+
cardRefs.current[i] = el;
|
|
2493
|
+
},
|
|
2494
|
+
className: styles$c.snRow,
|
|
2495
|
+
children: [
|
|
2496
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
|
|
2497
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.snBarTrack, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2498
|
+
"div",
|
|
2499
|
+
{
|
|
2500
|
+
ref: (el) => {
|
|
2501
|
+
barFillRefs.current[i] = el;
|
|
2502
|
+
},
|
|
2503
|
+
className: styles$c.snBarFill
|
|
2504
|
+
}
|
|
2505
|
+
) }),
|
|
2506
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snContent, children: [
|
|
2507
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snSectionTitle, children: [
|
|
2508
|
+
item2.topic && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.snTagline, children: item2.topic }),
|
|
2509
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snHeadingBlock, children: [
|
|
2510
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
|
|
2511
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.snDesc, children: item2.description })
|
|
2512
|
+
] })
|
|
2513
|
+
] }),
|
|
2514
|
+
(item2.cta || item2.cta2) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.snActions, children: [
|
|
2515
|
+
item2.cta && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
|
|
2516
|
+
item2.cta2 && /* @__PURE__ */ jsxRuntime.jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
|
|
2517
|
+
] })
|
|
2518
|
+
] })
|
|
2519
|
+
]
|
|
2520
|
+
},
|
|
2521
|
+
i
|
|
2522
|
+
)) })
|
|
2523
|
+
] });
|
|
2453
2524
|
}
|
|
2454
2525
|
function SplitIconListLayout({
|
|
2455
2526
|
items,
|
|
@@ -2497,25 +2568,32 @@ function NumberedAccordionLayout({
|
|
|
2497
2568
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naDesktopRow, children: items.map((item2, i) => {
|
|
2498
2569
|
const isActive = i === activeIndex;
|
|
2499
2570
|
const num = String(i + 1).padStart(2, "0");
|
|
2500
|
-
if (isActive) {
|
|
2501
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naActivePanel, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
|
|
2502
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
|
|
2503
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
|
|
2504
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
|
|
2505
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
|
|
2506
|
-
] }),
|
|
2507
|
-
item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
|
|
2508
|
-
] }) }, i);
|
|
2509
|
-
}
|
|
2510
2571
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2511
|
-
"
|
|
2572
|
+
"div",
|
|
2512
2573
|
{
|
|
2513
|
-
|
|
2514
|
-
className: styles$c.naInactivePanel,
|
|
2515
|
-
onClick: () => setActiveIndex(i),
|
|
2574
|
+
className: `${styles$c.naPanel}${isActive ? ` ${styles$c.naPanelActive}` : ""}`,
|
|
2516
2575
|
children: [
|
|
2517
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2518
|
-
|
|
2576
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2577
|
+
"button",
|
|
2578
|
+
{
|
|
2579
|
+
type: "button",
|
|
2580
|
+
className: styles$c.naPanelSide,
|
|
2581
|
+
onClick: () => setActiveIndex(i),
|
|
2582
|
+
"aria-expanded": isActive,
|
|
2583
|
+
"aria-label": `${item2.topic ?? item2.heading}, panel ${num}`,
|
|
2584
|
+
children: [
|
|
2585
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naNumber, children: num }),
|
|
2586
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
|
|
2587
|
+
]
|
|
2588
|
+
}
|
|
2589
|
+
),
|
|
2590
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naPanelBody, "aria-hidden": !isActive, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelContent, children: [
|
|
2591
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naActivePanelHeader, children: [
|
|
2592
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
|
|
2593
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
|
|
2594
|
+
] }),
|
|
2595
|
+
item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMedia, children: item2.media })
|
|
2596
|
+
] }) })
|
|
2519
2597
|
]
|
|
2520
2598
|
},
|
|
2521
2599
|
i
|
|
@@ -2524,23 +2602,29 @@ function NumberedAccordionLayout({
|
|
|
2524
2602
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileList, children: items.map((item2, i) => {
|
|
2525
2603
|
const isActive = i === activeIndex;
|
|
2526
2604
|
const num = String(i + 1).padStart(2, "0");
|
|
2527
|
-
if (isActive) {
|
|
2528
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileActiveItem, children: [
|
|
2529
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
|
|
2530
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
|
|
2531
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
|
|
2532
|
-
item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
|
|
2533
|
-
] }, i);
|
|
2534
|
-
}
|
|
2535
2605
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2536
|
-
"
|
|
2606
|
+
"div",
|
|
2537
2607
|
{
|
|
2538
|
-
|
|
2539
|
-
className: styles$c.naMobileInactiveItem,
|
|
2540
|
-
onClick: () => setActiveIndex(i),
|
|
2608
|
+
className: `${styles$c.naMobileItem}${isActive ? ` ${styles$c.naMobileItemActive}` : ""}`,
|
|
2541
2609
|
children: [
|
|
2542
|
-
/* @__PURE__ */ jsxRuntime.
|
|
2543
|
-
|
|
2610
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
2611
|
+
"button",
|
|
2612
|
+
{
|
|
2613
|
+
type: "button",
|
|
2614
|
+
className: styles$c.naMobileItemHeader,
|
|
2615
|
+
onClick: () => setActiveIndex(i),
|
|
2616
|
+
"aria-expanded": isActive,
|
|
2617
|
+
children: [
|
|
2618
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileNumber, children: num }),
|
|
2619
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
|
|
2620
|
+
]
|
|
2621
|
+
}
|
|
2622
|
+
),
|
|
2623
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileItemBody, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$c.naMobileBodyInner, children: [
|
|
2624
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
|
|
2625
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
|
|
2626
|
+
item2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
|
|
2627
|
+
] }) })
|
|
2544
2628
|
]
|
|
2545
2629
|
},
|
|
2546
2630
|
i
|
|
@@ -2760,104 +2844,105 @@ const FeaturesSection = React.forwardRef(
|
|
|
2760
2844
|
},
|
|
2761
2845
|
i
|
|
2762
2846
|
)) }),
|
|
2763
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) })
|
|
2847
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaPanelInner, children: activeMedia || /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$c.mediaFallback }) }, activeIndex) })
|
|
2764
2848
|
] }) });
|
|
2765
2849
|
}
|
|
2766
2850
|
);
|
|
2767
|
-
const section$8 = "
|
|
2768
|
-
const container$5 = "
|
|
2769
|
-
const card$3 = "
|
|
2770
|
-
const inner$1 = "
|
|
2771
|
-
const textContent$1 = "
|
|
2772
|
-
const textBlock$1 = "
|
|
2773
|
-
const titleGroup = "
|
|
2774
|
-
const miniTitle$2 = "
|
|
2775
|
-
const heading$9 = "
|
|
2776
|
-
const description$5 = "
|
|
2777
|
-
const actions$3 = "
|
|
2778
|
-
const media = "
|
|
2779
|
-
const
|
|
2780
|
-
const
|
|
2781
|
-
const
|
|
2782
|
-
const
|
|
2783
|
-
const
|
|
2784
|
-
const
|
|
2785
|
-
const
|
|
2786
|
-
const
|
|
2787
|
-
const
|
|
2788
|
-
const
|
|
2789
|
-
const
|
|
2790
|
-
const
|
|
2791
|
-
const
|
|
2792
|
-
const
|
|
2793
|
-
const
|
|
2794
|
-
const
|
|
2795
|
-
const
|
|
2796
|
-
const
|
|
2797
|
-
const
|
|
2798
|
-
const
|
|
2799
|
-
const
|
|
2800
|
-
const
|
|
2801
|
-
const
|
|
2802
|
-
const
|
|
2803
|
-
const
|
|
2804
|
-
const
|
|
2805
|
-
const
|
|
2806
|
-
const
|
|
2807
|
-
const
|
|
2808
|
-
const
|
|
2809
|
-
const
|
|
2810
|
-
const
|
|
2811
|
-
const
|
|
2812
|
-
const
|
|
2813
|
-
const
|
|
2814
|
-
const
|
|
2815
|
-
const
|
|
2816
|
-
const
|
|
2817
|
-
const
|
|
2818
|
-
const
|
|
2819
|
-
const
|
|
2820
|
-
const
|
|
2821
|
-
const
|
|
2822
|
-
const
|
|
2823
|
-
const
|
|
2824
|
-
const
|
|
2825
|
-
const
|
|
2826
|
-
const
|
|
2827
|
-
const
|
|
2828
|
-
const
|
|
2829
|
-
const
|
|
2830
|
-
const
|
|
2831
|
-
const
|
|
2832
|
-
const
|
|
2833
|
-
const
|
|
2834
|
-
const
|
|
2835
|
-
const
|
|
2836
|
-
const
|
|
2837
|
-
const
|
|
2838
|
-
const
|
|
2839
|
-
const
|
|
2840
|
-
const
|
|
2841
|
-
const
|
|
2842
|
-
const
|
|
2843
|
-
const
|
|
2844
|
-
const
|
|
2845
|
-
const
|
|
2846
|
-
const
|
|
2847
|
-
const
|
|
2848
|
-
const
|
|
2849
|
-
const
|
|
2850
|
-
const
|
|
2851
|
-
const
|
|
2852
|
-
const
|
|
2853
|
-
const
|
|
2854
|
-
const
|
|
2855
|
-
const
|
|
2856
|
-
const
|
|
2857
|
-
const
|
|
2858
|
-
const
|
|
2859
|
-
const
|
|
2860
|
-
const
|
|
2851
|
+
const section$8 = "_section_1t4uf_4";
|
|
2852
|
+
const container$5 = "_container_1t4uf_13";
|
|
2853
|
+
const card$3 = "_card_1t4uf_23";
|
|
2854
|
+
const inner$1 = "_inner_1t4uf_32";
|
|
2855
|
+
const textContent$1 = "_textContent_1t4uf_40";
|
|
2856
|
+
const textBlock$1 = "_textBlock_1t4uf_47";
|
|
2857
|
+
const titleGroup = "_titleGroup_1t4uf_55";
|
|
2858
|
+
const miniTitle$2 = "_miniTitle_1t4uf_61";
|
|
2859
|
+
const heading$9 = "_heading_1t4uf_70";
|
|
2860
|
+
const description$5 = "_description_1t4uf_78";
|
|
2861
|
+
const actions$3 = "_actions_1t4uf_86";
|
|
2862
|
+
const media = "_media_1t4uf_92";
|
|
2863
|
+
const sideBySide$1 = "_side-by-side_1t4uf_161";
|
|
2864
|
+
const grid$3 = "_grid_1t4uf_194";
|
|
2865
|
+
const gridWrapper = "_gridWrapper_1t4uf_198";
|
|
2866
|
+
const gridCard = "_gridCard_1t4uf_205";
|
|
2867
|
+
const gridMedia = "_gridMedia_1t4uf_215";
|
|
2868
|
+
const gridContent = "_gridContent_1t4uf_228";
|
|
2869
|
+
const gridTexts = "_gridTexts_1t4uf_235";
|
|
2870
|
+
const gridHeading = "_gridHeading_1t4uf_243";
|
|
2871
|
+
const gridDescription = "_gridDescription_1t4uf_251";
|
|
2872
|
+
const gridActions = "_gridActions_1t4uf_259";
|
|
2873
|
+
const valueCards = "_value-cards_1t4uf_302";
|
|
2874
|
+
const vcHeading = "_vcHeading_1t4uf_313";
|
|
2875
|
+
const vcRow = "_vcRow_1t4uf_325";
|
|
2876
|
+
const vcCard = "_vcCard_1t4uf_333";
|
|
2877
|
+
const vcCardInner = "_vcCardInner_1t4uf_341";
|
|
2878
|
+
const vcTextGroup = "_vcTextGroup_1t4uf_347";
|
|
2879
|
+
const vcIcon = "_vcIcon_1t4uf_353";
|
|
2880
|
+
const vcTexts = "_vcTexts_1t4uf_359";
|
|
2881
|
+
const vcCardHeading = "_vcCardHeading_1t4uf_367";
|
|
2882
|
+
const vcCardDescription = "_vcCardDescription_1t4uf_375";
|
|
2883
|
+
const vcFooter = "_vcFooter_1t4uf_382";
|
|
2884
|
+
const vcPlusBtn = "_vcPlusBtn_1t4uf_388";
|
|
2885
|
+
const oneMedia = "_one-media_1t4uf_454";
|
|
2886
|
+
const mmHeading = "_mmHeading_1t4uf_459";
|
|
2887
|
+
const mmRow = "_mmRow_1t4uf_470";
|
|
2888
|
+
const mmFeatureCard = "_mmFeatureCard_1t4uf_476";
|
|
2889
|
+
const mmIcon = "_mmIcon_1t4uf_491";
|
|
2890
|
+
const mmTexts = "_mmTexts_1t4uf_497";
|
|
2891
|
+
const mmCardHeading = "_mmCardHeading_1t4uf_505";
|
|
2892
|
+
const mmCardDescription = "_mmCardDescription_1t4uf_513";
|
|
2893
|
+
const mmMediaCard = "_mmMediaCard_1t4uf_520";
|
|
2894
|
+
const mediaTop = "_media-top_1t4uf_582";
|
|
2895
|
+
const mtRow = "_mtRow_1t4uf_588";
|
|
2896
|
+
const mtCard = "_mtCard_1t4uf_595";
|
|
2897
|
+
const mtMediaArea = "_mtMediaArea_1t4uf_602";
|
|
2898
|
+
const mtContent = "_mtContent_1t4uf_618";
|
|
2899
|
+
const mtContentTop = "_mtContentTop_1t4uf_630";
|
|
2900
|
+
const mtTag = "_mtTag_1t4uf_637";
|
|
2901
|
+
const mtTexts = "_mtTexts_1t4uf_653";
|
|
2902
|
+
const mtCardHeading = "_mtCardHeading_1t4uf_661";
|
|
2903
|
+
const mtCardDescription = "_mtCardDescription_1t4uf_669";
|
|
2904
|
+
const mtActions = "_mtActions_1t4uf_676";
|
|
2905
|
+
const iconWithLink = "_icon-with-link_1t4uf_720";
|
|
2906
|
+
const fgHeading = "_fgHeading_1t4uf_725";
|
|
2907
|
+
const fgRow = "_fgRow_1t4uf_736";
|
|
2908
|
+
const fgCard = "_fgCard_1t4uf_743";
|
|
2909
|
+
const fgTop = "_fgTop_1t4uf_758";
|
|
2910
|
+
const fgIcon = "_fgIcon_1t4uf_765";
|
|
2911
|
+
const fgContent = "_fgContent_1t4uf_772";
|
|
2912
|
+
const fgHeadline = "_fgHeadline_1t4uf_780";
|
|
2913
|
+
const fgCardHeading = "_fgCardHeading_1t4uf_784";
|
|
2914
|
+
const fgCardDescription = "_fgCardDescription_1t4uf_792";
|
|
2915
|
+
const fgLink = "_fgLink_1t4uf_799";
|
|
2916
|
+
const fgLinkText = "_fgLinkText_1t4uf_818";
|
|
2917
|
+
const horizontalReveal = "_horizontal-reveal_1t4uf_851";
|
|
2918
|
+
const sectionHeader = "_sectionHeader_1t4uf_860";
|
|
2919
|
+
const sectionHeaderInner = "_sectionHeaderInner_1t4uf_868";
|
|
2920
|
+
const tagline = "_tagline_1t4uf_879";
|
|
2921
|
+
const cardRow = "_cardRow_1t4uf_901";
|
|
2922
|
+
const marqueeWrapper = "_marqueeWrapper_1t4uf_917";
|
|
2923
|
+
const cardRowMarquee$1 = "_cardRowMarquee_1t4uf_923";
|
|
2924
|
+
const marquee = "_marquee_1t4uf_917";
|
|
2925
|
+
const marqueeTrack = "_marqueeTrack_1t4uf_933";
|
|
2926
|
+
const revealCard = "_revealCard_1t4uf_951";
|
|
2927
|
+
const revealed = "_revealed_1t4uf_972";
|
|
2928
|
+
const revealFront = "_revealFront_1t4uf_978";
|
|
2929
|
+
const revealMedia = "_revealMedia_1t4uf_986";
|
|
2930
|
+
const revealBack = "_revealBack_1t4uf_1013";
|
|
2931
|
+
const revealHeader = "_revealHeader_1t4uf_1026";
|
|
2932
|
+
const revealAvatar = "_revealAvatar_1t4uf_1032";
|
|
2933
|
+
const revealName = "_revealName_1t4uf_1047";
|
|
2934
|
+
const revealList = "_revealList_1t4uf_1055";
|
|
2935
|
+
const revealListItem = "_revealListItem_1t4uf_1064";
|
|
2936
|
+
const bulletIcon$1 = "_bulletIcon_1t4uf_1075";
|
|
2937
|
+
const revealFooter = "_revealFooter_1t4uf_1087";
|
|
2938
|
+
const revealFooterContent = "_revealFooterContent_1t4uf_1095";
|
|
2939
|
+
const revealFooterName = "_revealFooterName_1t4uf_1102";
|
|
2940
|
+
const revealTags = "_revealTags_1t4uf_1112";
|
|
2941
|
+
const revealTag = "_revealTag_1t4uf_1112";
|
|
2942
|
+
const revealToggle = "_revealToggle_1t4uf_1130";
|
|
2943
|
+
const navDots = "_navDots_1t4uf_1154";
|
|
2944
|
+
const containerWide$5 = "_containerWide_1t4uf_1191";
|
|
2945
|
+
const containerFull$5 = "_containerFull_1t4uf_1195";
|
|
2861
2946
|
const styles$b = {
|
|
2862
2947
|
section: section$8,
|
|
2863
2948
|
container: container$5,
|
|
@@ -2871,6 +2956,8 @@ const styles$b = {
|
|
|
2871
2956
|
description: description$5,
|
|
2872
2957
|
actions: actions$3,
|
|
2873
2958
|
media,
|
|
2959
|
+
"side-by-side": "_side-by-side_1t4uf_161",
|
|
2960
|
+
sideBySide: sideBySide$1,
|
|
2874
2961
|
grid: grid$3,
|
|
2875
2962
|
gridWrapper,
|
|
2876
2963
|
gridCard,
|
|
@@ -2880,7 +2967,7 @@ const styles$b = {
|
|
|
2880
2967
|
gridHeading,
|
|
2881
2968
|
gridDescription,
|
|
2882
2969
|
gridActions,
|
|
2883
|
-
"value-cards": "_value-
|
|
2970
|
+
"value-cards": "_value-cards_1t4uf_302",
|
|
2884
2971
|
valueCards,
|
|
2885
2972
|
vcHeading,
|
|
2886
2973
|
vcRow,
|
|
@@ -2893,7 +2980,7 @@ const styles$b = {
|
|
|
2893
2980
|
vcCardDescription,
|
|
2894
2981
|
vcFooter,
|
|
2895
2982
|
vcPlusBtn,
|
|
2896
|
-
"one-media": "_one-
|
|
2983
|
+
"one-media": "_one-media_1t4uf_454",
|
|
2897
2984
|
oneMedia,
|
|
2898
2985
|
mmHeading,
|
|
2899
2986
|
mmRow,
|
|
@@ -2903,7 +2990,7 @@ const styles$b = {
|
|
|
2903
2990
|
mmCardHeading,
|
|
2904
2991
|
mmCardDescription,
|
|
2905
2992
|
mmMediaCard,
|
|
2906
|
-
"media-top": "_media-
|
|
2993
|
+
"media-top": "_media-top_1t4uf_582",
|
|
2907
2994
|
mediaTop,
|
|
2908
2995
|
mtRow,
|
|
2909
2996
|
mtCard,
|
|
@@ -2915,7 +3002,7 @@ const styles$b = {
|
|
|
2915
3002
|
mtCardHeading,
|
|
2916
3003
|
mtCardDescription,
|
|
2917
3004
|
mtActions,
|
|
2918
|
-
"icon-with-link": "_icon-with-
|
|
3005
|
+
"icon-with-link": "_icon-with-link_1t4uf_720",
|
|
2919
3006
|
iconWithLink,
|
|
2920
3007
|
fgHeading,
|
|
2921
3008
|
fgRow,
|
|
@@ -2928,7 +3015,7 @@ const styles$b = {
|
|
|
2928
3015
|
fgCardDescription,
|
|
2929
3016
|
fgLink,
|
|
2930
3017
|
fgLinkText,
|
|
2931
|
-
"horizontal-reveal": "_horizontal-
|
|
3018
|
+
"horizontal-reveal": "_horizontal-reveal_1t4uf_851",
|
|
2932
3019
|
horizontalReveal,
|
|
2933
3020
|
sectionHeader,
|
|
2934
3021
|
sectionHeaderInner,
|
|
@@ -3056,19 +3143,24 @@ const CardsSection = React.forwardRef(
|
|
|
3056
3143
|
) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.cardRow, children: revealCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx(RevealCardItem, { card: card2 }, i)) })),
|
|
3057
3144
|
navigation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.navDots, children: navigation })
|
|
3058
3145
|
] }),
|
|
3059
|
-
layout === "side-by-side" &&
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3146
|
+
layout === "side-by-side" && (() => {
|
|
3147
|
+
const c = cards ?? [];
|
|
3148
|
+
const filler = c[0] ?? { heading: "" };
|
|
3149
|
+
const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
|
|
3150
|
+
return displayCards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": `${15 + i * 3}%` }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.inner, children: [
|
|
3151
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textContent, children: [
|
|
3152
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.textBlock, children: [
|
|
3153
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.titleGroup, children: [
|
|
3154
|
+
card2.miniTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
|
|
3155
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: styles$b.heading, children: card2.heading })
|
|
3156
|
+
] }),
|
|
3157
|
+
card2.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: styles$b.description, children: card2.description })
|
|
3065
3158
|
] }),
|
|
3066
|
-
card2.
|
|
3159
|
+
card2.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.actions, children: card2.actions })
|
|
3067
3160
|
] }),
|
|
3068
|
-
card2.
|
|
3069
|
-
] }),
|
|
3070
|
-
|
|
3071
|
-
] }) }, i)),
|
|
3161
|
+
card2.media && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.media, children: card2.media })
|
|
3162
|
+
] }) }, i));
|
|
3163
|
+
})(),
|
|
3072
3164
|
layout === "grid" && cards && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridWrapper, children: cards.map((card2, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridCard, children: [
|
|
3073
3165
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$b.gridMedia, children: card2.media }),
|
|
3074
3166
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$b.gridContent, children: [
|
|
@@ -12118,4 +12210,4 @@ exports.TestimonialsSection = TestimonialsSection;
|
|
|
12118
12210
|
exports.TrustBadge = TrustBadge;
|
|
12119
12211
|
exports.TrustBentoSection = TrustBentoSection;
|
|
12120
12212
|
exports.TrustSection = TrustSection;
|
|
12121
|
-
//# sourceMappingURL=footerDefaults-
|
|
12213
|
+
//# sourceMappingURL=footerDefaults-BILm5CMK.cjs.map
|