@clay-ds/react 0.2.1 → 0.3.1
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-C-9-hOSt.cjs} +668 -539
- package/dist/footerDefaults-C-9-hOSt.cjs.map +1 -0
- package/dist/{footerDefaults-CByEGl8Q.js → footerDefaults-DRDmvQb8.js} +684 -555
- package/dist/footerDefaults-DRDmvQb8.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 +4 -1199
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +980 -731
- package/dist/index.d.ts +19 -0
- package/dist/index.js +18 -1213
- 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
|
@@ -669,7 +669,7 @@ const logo = "_logo_waxuh_51";
|
|
|
669
669
|
const logoImg$2 = "_logoImg_waxuh_62";
|
|
670
670
|
const nav = "_nav_waxuh_2";
|
|
671
671
|
const full = "_full_waxuh_81";
|
|
672
|
-
const short = "_short_waxuh_91";
|
|
672
|
+
const short$1 = "_short_waxuh_91";
|
|
673
673
|
const navList = "_navList_waxuh_96";
|
|
674
674
|
const navItem = "_navItem_waxuh_106";
|
|
675
675
|
const navLink = "_navLink_waxuh_112";
|
|
@@ -722,7 +722,7 @@ const styles$f = {
|
|
|
722
722
|
logoImg: logoImg$2,
|
|
723
723
|
nav,
|
|
724
724
|
full,
|
|
725
|
-
short,
|
|
725
|
+
short: short$1,
|
|
726
726
|
navList,
|
|
727
727
|
navItem,
|
|
728
728
|
navLink,
|
|
@@ -1288,261 +1288,277 @@ const CustomerLogoSection = forwardRef(
|
|
|
1288
1288
|
);
|
|
1289
1289
|
}
|
|
1290
1290
|
);
|
|
1291
|
-
const section$9 = "
|
|
1292
|
-
const container$6 = "
|
|
1293
|
-
const accordion = "
|
|
1294
|
-
const item$1 = "
|
|
1295
|
-
const itemActive = "
|
|
1296
|
-
const itemHeader = "
|
|
1297
|
-
const itemHeading = "
|
|
1298
|
-
const chevron$1 = "
|
|
1299
|
-
const chevronOpen$1 = "
|
|
1300
|
-
const itemContent = "
|
|
1301
|
-
const
|
|
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
|
|
1291
|
+
const section$9 = "_section_1uz4c_8";
|
|
1292
|
+
const container$6 = "_container_1uz4c_19";
|
|
1293
|
+
const accordion = "_accordion_1uz4c_30";
|
|
1294
|
+
const item$1 = "_item_1uz4c_38";
|
|
1295
|
+
const itemActive = "_itemActive_1uz4c_45";
|
|
1296
|
+
const itemHeader = "_itemHeader_1uz4c_50";
|
|
1297
|
+
const itemHeading = "_itemHeading_1uz4c_64";
|
|
1298
|
+
const chevron$1 = "_chevron_1uz4c_80";
|
|
1299
|
+
const chevronOpen$1 = "_chevronOpen_1uz4c_88";
|
|
1300
|
+
const itemContent = "_itemContent_1uz4c_93";
|
|
1301
|
+
const itemContentOpen = "_itemContentOpen_1uz4c_99";
|
|
1302
|
+
const itemContentInner = "_itemContentInner_1uz4c_103";
|
|
1303
|
+
const itemDescription = "_itemDescription_1uz4c_108";
|
|
1304
|
+
const itemMedia = "_itemMedia_1uz4c_120";
|
|
1305
|
+
const mediaPanel = "_mediaPanel_1uz4c_129";
|
|
1306
|
+
const mediaFallback = "_mediaFallback_1uz4c_133";
|
|
1307
|
+
const sideBySideLines = "_side-by-side-lines_1uz4c_144";
|
|
1308
|
+
const itemLines = "_itemLines_1uz4c_157";
|
|
1309
|
+
const mediaPanelInner = "_mediaPanelInner_1uz4c_213";
|
|
1310
|
+
const sblFadeIn = "_sblFadeIn_1uz4c_1";
|
|
1311
|
+
const tabsCard = "_tabsCard_1uz4c_242";
|
|
1312
|
+
const tabContent = "_tabContent_1uz4c_255";
|
|
1313
|
+
const tabText = "_tabText_1uz4c_262";
|
|
1314
|
+
const tabTopic = "_tabTopic_1uz4c_269";
|
|
1315
|
+
const tabHeading = "_tabHeading_1uz4c_277";
|
|
1316
|
+
const tabDescription = "_tabDescription_1uz4c_287";
|
|
1317
|
+
const tabMedia = "_tabMedia_1uz4c_296";
|
|
1318
|
+
const strokeCard = "_strokeCard_1uz4c_313";
|
|
1319
|
+
const strokeText = "_strokeText_1uz4c_328";
|
|
1320
|
+
const strokeTextGroup = "_strokeTextGroup_1uz4c_334";
|
|
1321
|
+
const strokeHeading = "_strokeHeading_1uz4c_340";
|
|
1322
|
+
const strokeDescription = "_strokeDescription_1uz4c_350";
|
|
1323
|
+
const strokeMedia = "_strokeMedia_1uz4c_360";
|
|
1324
|
+
const sideBySideBullets = "_side-by-side-bullets_1uz4c_377";
|
|
1325
|
+
const bulletSectionHeader = "_bulletSectionHeader_1uz4c_384";
|
|
1326
|
+
const bulletTopic = "_bulletTopic_1uz4c_390";
|
|
1327
|
+
const bulletSectionHeading = "_bulletSectionHeading_1uz4c_398";
|
|
1328
|
+
const bulletCard = "_bulletCard_1uz4c_409";
|
|
1329
|
+
const bulletList = "_bulletList_1uz4c_414";
|
|
1330
|
+
const bulletItemInactive = "_bulletItemInactive_1uz4c_420";
|
|
1331
|
+
const bulletIcon$2 = "_bulletIcon_1uz4c_435";
|
|
1332
|
+
const bulletInactiveLabel = "_bulletInactiveLabel_1uz4c_444";
|
|
1333
|
+
const bulletItemActive = "_bulletItemActive_1uz4c_452";
|
|
1334
|
+
const bulletActiveLabel = "_bulletActiveLabel_1uz4c_464";
|
|
1335
|
+
const bulletActiveDesc = "_bulletActiveDesc_1uz4c_472";
|
|
1336
|
+
const bulletMediaPanel = "_bulletMediaPanel_1uz4c_481";
|
|
1337
|
+
const bulletMediaFallback = "_bulletMediaFallback_1uz4c_494";
|
|
1338
|
+
const bulletCarouselWrapper = "_bulletCarouselWrapper_1uz4c_501";
|
|
1339
|
+
const bulletCarouselTrack = "_bulletCarouselTrack_1uz4c_507";
|
|
1340
|
+
const bulletCarouselCard = "_bulletCarouselCard_1uz4c_522";
|
|
1341
|
+
const bulletCarouselText = "_bulletCarouselText_1uz4c_534";
|
|
1342
|
+
const bulletCarouselTitle = "_bulletCarouselTitle_1uz4c_540";
|
|
1343
|
+
const bulletCarouselDesc = "_bulletCarouselDesc_1uz4c_548";
|
|
1344
|
+
const bulletCarouselMedia = "_bulletCarouselMedia_1uz4c_557";
|
|
1345
|
+
const bulletCarouselNav = "_bulletCarouselNav_1uz4c_570";
|
|
1346
|
+
const tabCardsCarousel = "_tab-cards-carousel_1uz4c_580";
|
|
1347
|
+
const tcSectionText = "_tcSectionText_1uz4c_587";
|
|
1348
|
+
const tcTopic = "_tcTopic_1uz4c_596";
|
|
1349
|
+
const tcSectionHeading = "_tcSectionHeading_1uz4c_604";
|
|
1350
|
+
const tcTabBar = "_tcTabBar_1uz4c_614";
|
|
1351
|
+
const tcTab = "_tcTab_1uz4c_614";
|
|
1352
|
+
const tcTabActive = "_tcTabActive_1uz4c_643";
|
|
1353
|
+
const tcCarouselOuter = "_tcCarouselOuter_1uz4c_648";
|
|
1354
|
+
const tcCarouselTrack = "_tcCarouselTrack_1uz4c_653";
|
|
1355
|
+
const tcCard = "_tcCard_1uz4c_660";
|
|
1356
|
+
const tcCardHeader = "_tcCardHeader_1uz4c_673";
|
|
1357
|
+
const tcCardMeta = "_tcCardMeta_1uz4c_680";
|
|
1358
|
+
const tcCardIcon = "_tcCardIcon_1uz4c_688";
|
|
1359
|
+
const tcCardText = "_tcCardText_1uz4c_705";
|
|
1360
|
+
const tcCardTitle = "_tcCardTitle_1uz4c_711";
|
|
1361
|
+
const tcCardSubtitle = "_tcCardSubtitle_1uz4c_719";
|
|
1362
|
+
const tcCtaDeskWrap = "_tcCtaDeskWrap_1uz4c_727";
|
|
1363
|
+
const tcCtaMobWrap = "_tcCtaMobWrap_1uz4c_731";
|
|
1364
|
+
const tcMedia = "_tcMedia_1uz4c_735";
|
|
1365
|
+
const tcNav = "_tcNav_1uz4c_749";
|
|
1366
|
+
const stackedRows = "_stacked-rows_1uz4c_759";
|
|
1367
|
+
const srHeader = "_srHeader_1uz4c_766";
|
|
1368
|
+
const srTopic = "_srTopic_1uz4c_774";
|
|
1369
|
+
const srSectionHeading = "_srSectionHeading_1uz4c_782";
|
|
1370
|
+
const srRow = "_srRow_1uz4c_793";
|
|
1371
|
+
const srContentCard = "_srContentCard_1uz4c_799";
|
|
1372
|
+
const srCardInner = "_srCardInner_1uz4c_808";
|
|
1373
|
+
const srTopGroup = "_srTopGroup_1uz4c_814";
|
|
1374
|
+
const srTagWrap = "_srTagWrap_1uz4c_820";
|
|
1375
|
+
const srTagDot = "_srTagDot_1uz4c_826";
|
|
1376
|
+
const srTagLabel = "_srTagLabel_1uz4c_834";
|
|
1377
|
+
const srHeading = "_srHeading_1uz4c_842";
|
|
1378
|
+
const srDesc = "_srDesc_1uz4c_852";
|
|
1379
|
+
const srBottomGroup = "_srBottomGroup_1uz4c_861";
|
|
1380
|
+
const srBullets = "_srBullets_1uz4c_867";
|
|
1381
|
+
const srBullet = "_srBullet_1uz4c_867";
|
|
1382
|
+
const srBulletIcon = "_srBulletIcon_1uz4c_881";
|
|
1383
|
+
const srBulletLabel = "_srBulletLabel_1uz4c_891";
|
|
1384
|
+
const srMedia = "_srMedia_1uz4c_901";
|
|
1385
|
+
const horizontalCards = "_horizontal-cards_1uz4c_918";
|
|
1386
|
+
const hcHeader = "_hcHeader_1uz4c_926";
|
|
1387
|
+
const hcTagline = "_hcTagline_1uz4c_935";
|
|
1388
|
+
const hcSectionHeading = "_hcSectionHeading_1uz4c_943";
|
|
1389
|
+
const hcSectionDesc = "_hcSectionDesc_1uz4c_952";
|
|
1390
|
+
const hcGrid = "_hcGrid_1uz4c_962";
|
|
1391
|
+
const hcCard = "_hcCard_1uz4c_981";
|
|
1392
|
+
const hcMedia = "_hcMedia_1uz4c_993";
|
|
1393
|
+
const hcContent = "_hcContent_1uz4c_1006";
|
|
1394
|
+
const hcTextGroup = "_hcTextGroup_1uz4c_1015";
|
|
1395
|
+
const hcHeading = "_hcHeading_1uz4c_1022";
|
|
1396
|
+
const hcDesc = "_hcDesc_1uz4c_1031";
|
|
1397
|
+
const hcAction = "_hcAction_1uz4c_1040";
|
|
1398
|
+
const hcDots = "_hcDots_1uz4c_1062";
|
|
1399
|
+
const horizontalIcons = "_horizontal-icons_1uz4c_1071";
|
|
1400
|
+
const hiHeader = "_hiHeader_1uz4c_1078";
|
|
1401
|
+
const hiTagline = "_hiTagline_1uz4c_1084";
|
|
1402
|
+
const hiSectionHeading = "_hiSectionHeading_1uz4c_1092";
|
|
1403
|
+
const hiSectionDesc = "_hiSectionDesc_1uz4c_1102";
|
|
1404
|
+
const hiGrid = "_hiGrid_1uz4c_1111";
|
|
1405
|
+
const hiColumn = "_hiColumn_1uz4c_1118";
|
|
1406
|
+
const hiIconWrap = "_hiIconWrap_1uz4c_1124";
|
|
1407
|
+
const hiTextGroup = "_hiTextGroup_1uz4c_1133";
|
|
1408
|
+
const hiHeading = "_hiHeading_1uz4c_1139";
|
|
1409
|
+
const hiDesc = "_hiDesc_1uz4c_1149";
|
|
1410
|
+
const stackedMediaLeft = "_stacked-media-left_1uz4c_1162";
|
|
1411
|
+
const smlSectionHeader = "_smlSectionHeader_1uz4c_1169";
|
|
1412
|
+
const smlSectionTopic = "_smlSectionTopic_1uz4c_1175";
|
|
1413
|
+
const smlSectionHeading = "_smlSectionHeading_1uz4c_1183";
|
|
1414
|
+
const smlRow = "_smlRow_1uz4c_1193";
|
|
1415
|
+
const smlMedia = "_smlMedia_1uz4c_1199";
|
|
1416
|
+
const smlContent = "_smlContent_1uz4c_1213";
|
|
1417
|
+
const smlTagline = "_smlTagline_1uz4c_1220";
|
|
1418
|
+
const smlHeading = "_smlHeading_1uz4c_1228";
|
|
1419
|
+
const smlDesc = "_smlDesc_1uz4c_1238";
|
|
1420
|
+
const smlActions = "_smlActions_1uz4c_1247";
|
|
1421
|
+
const horizontalMediaTop = "_horizontal-media-top_1uz4c_1259";
|
|
1422
|
+
const hmtHeader = "_hmtHeader_1uz4c_1267";
|
|
1423
|
+
const hmtTopic = "_hmtTopic_1uz4c_1275";
|
|
1424
|
+
const hmtSectionHeading = "_hmtSectionHeading_1uz4c_1283";
|
|
1425
|
+
const hmtGrid = "_hmtGrid_1uz4c_1293";
|
|
1426
|
+
const hmtColumn = "_hmtColumn_1uz4c_1300";
|
|
1427
|
+
const hmtMedia = "_hmtMedia_1uz4c_1306";
|
|
1428
|
+
const hmtContent = "_hmtContent_1uz4c_1320";
|
|
1429
|
+
const hmtTextGroup = "_hmtTextGroup_1uz4c_1326";
|
|
1430
|
+
const hmtHeading = "_hmtHeading_1uz4c_1332";
|
|
1431
|
+
const hmtDesc = "_hmtDesc_1uz4c_1342";
|
|
1432
|
+
const hmtAction = "_hmtAction_1uz4c_1351";
|
|
1433
|
+
const stackedCardsCarousel = "_stacked-cards-carousel_1uz4c_1375";
|
|
1434
|
+
const sccDeskStack = "_sccDeskStack_1uz4c_1383";
|
|
1435
|
+
const sccMobTrack = "_sccMobTrack_1uz4c_1388";
|
|
1436
|
+
const sccCard = "_sccCard_1uz4c_1402";
|
|
1437
|
+
const sccMedia = "_sccMedia_1uz4c_1412";
|
|
1438
|
+
const sccCardContent = "_sccCardContent_1uz4c_1419";
|
|
1439
|
+
const sccDotTag = "_sccDotTag_1uz4c_1427";
|
|
1440
|
+
const sccDot = "_sccDot_1uz4c_1427";
|
|
1441
|
+
const sccDotLabel = "_sccDotLabel_1uz4c_1441";
|
|
1442
|
+
const sccHeading = "_sccHeading_1uz4c_1447";
|
|
1443
|
+
const sccDesc = "_sccDesc_1uz4c_1456";
|
|
1444
|
+
const sccMobDots = "_sccMobDots_1uz4c_1463";
|
|
1445
|
+
const contentCarousel = "_content-carousel_1uz4c_1469";
|
|
1446
|
+
const ccHeader = "_ccHeader_1uz4c_1477";
|
|
1447
|
+
const ccSectionHeading = "_ccSectionHeading_1uz4c_1486";
|
|
1448
|
+
const ccSectionDesc = "_ccSectionDesc_1uz4c_1495";
|
|
1449
|
+
const ccMobTrack = "_ccMobTrack_1uz4c_1503";
|
|
1450
|
+
const ccDeskGrid = "_ccDeskGrid_1uz4c_1522";
|
|
1451
|
+
const ccCard = "_ccCard_1uz4c_1526";
|
|
1452
|
+
const ccMedia = "_ccMedia_1uz4c_1534";
|
|
1453
|
+
const ccContent = "_ccContent_1uz4c_1542";
|
|
1454
|
+
const ccCardHeading = "_ccCardHeading_1uz4c_1549";
|
|
1455
|
+
const ccCardDesc = "_ccCardDesc_1uz4c_1558";
|
|
1456
|
+
const ccLearnMore = "_ccLearnMore_1uz4c_1565";
|
|
1457
|
+
const ccNavRow = "_ccNavRow_1uz4c_1579";
|
|
1458
|
+
const ccArrows = "_ccArrows_1uz4c_1586";
|
|
1459
|
+
const listRightMedia = "_list-right-media_1uz4c_1591";
|
|
1460
|
+
const lrmContainer = "_lrmContainer_1uz4c_1598";
|
|
1461
|
+
const lrmLeft = "_lrmLeft_1uz4c_1605";
|
|
1462
|
+
const lrmSectionText = "_lrmSectionText_1uz4c_1611";
|
|
1463
|
+
const lrmTagline = "_lrmTagline_1uz4c_1617";
|
|
1464
|
+
const lrmSectionHeading = "_lrmSectionHeading_1uz4c_1624";
|
|
1465
|
+
const lrmSectionDesc = "_lrmSectionDesc_1uz4c_1633";
|
|
1466
|
+
const lrmList = "_lrmList_1uz4c_1640";
|
|
1467
|
+
const lrmItem = "_lrmItem_1uz4c_1645";
|
|
1468
|
+
const lrmItemHeading = "_lrmItemHeading_1uz4c_1653";
|
|
1469
|
+
const lrmItemDesc = "_lrmItemDesc_1uz4c_1662";
|
|
1470
|
+
const lrmMedia = "_lrmMedia_1uz4c_1669";
|
|
1471
|
+
const tabsMediaRight = "_tabs-media-right_1uz4c_1678";
|
|
1472
|
+
const tmrSectionHeader = "_tmrSectionHeader_1uz4c_1686";
|
|
1473
|
+
const tmrTagline = "_tmrTagline_1uz4c_1695";
|
|
1474
|
+
const tmrSectionHeading = "_tmrSectionHeading_1uz4c_1702";
|
|
1475
|
+
const tmrSectionDesc = "_tmrSectionDesc_1uz4c_1711";
|
|
1476
|
+
const tmrSectionActions = "_tmrSectionActions_1uz4c_1718";
|
|
1477
|
+
const tmrPanel = "_tmrPanel_1uz4c_1726";
|
|
1478
|
+
const tmrPanelText = "_tmrPanelText_1uz4c_1735";
|
|
1479
|
+
const tmrDotTag = "_tmrDotTag_1uz4c_1742";
|
|
1480
|
+
const tmrDot = "_tmrDot_1uz4c_1742";
|
|
1481
|
+
const tmrDotLabel = "_tmrDotLabel_1uz4c_1756";
|
|
1482
|
+
const tmrPanelHeading = "_tmrPanelHeading_1uz4c_1762";
|
|
1483
|
+
const tmrPanelDesc = "_tmrPanelDesc_1uz4c_1771";
|
|
1484
|
+
const tmrPanelMedia = "_tmrPanelMedia_1uz4c_1778";
|
|
1485
|
+
const tmrTabsWrap = "_tmrTabsWrap_1uz4c_1786";
|
|
1486
|
+
const amrContainer = "_amrContainer_1uz4c_1810";
|
|
1487
|
+
const amrLeft = "_amrLeft_1uz4c_1817";
|
|
1488
|
+
const amrSectionText = "_amrSectionText_1uz4c_1823";
|
|
1489
|
+
const amrSectionHeading = "_amrSectionHeading_1uz4c_1829";
|
|
1490
|
+
const amrSectionDesc = "_amrSectionDesc_1uz4c_1839";
|
|
1491
|
+
const amrAccordion = "_amrAccordion_1uz4c_1846";
|
|
1492
|
+
const amrItem = "_amrItem_1uz4c_1851";
|
|
1493
|
+
const amrItemTrigger = "_amrItemTrigger_1uz4c_1859";
|
|
1494
|
+
const amrItemTitle = "_amrItemTitle_1uz4c_1872";
|
|
1495
|
+
const amrItemOpen = "_amrItemOpen_1uz4c_1880";
|
|
1496
|
+
const amrChevron = "_amrChevron_1uz4c_1884";
|
|
1497
|
+
const amrItemContent = "_amrItemContent_1uz4c_1895";
|
|
1498
|
+
const amrItemDesc = "_amrItemDesc_1uz4c_1903";
|
|
1499
|
+
const amrMedia = "_amrMedia_1uz4c_1910";
|
|
1500
|
+
const naContainer = "_naContainer_1uz4c_1919";
|
|
1501
|
+
const naSectionHeader = "_naSectionHeader_1uz4c_1926";
|
|
1502
|
+
const naTagline = "_naTagline_1uz4c_1934";
|
|
1503
|
+
const naSectionHeading = "_naSectionHeading_1uz4c_1941";
|
|
1504
|
+
const naSectionDesc = "_naSectionDesc_1uz4c_1951";
|
|
1505
|
+
const naDesktopRow = "_naDesktopRow_1uz4c_1959";
|
|
1506
|
+
const naMobileList = "_naMobileList_1uz4c_1964";
|
|
1507
|
+
const naMobileItem = "_naMobileItem_1uz4c_1971";
|
|
1508
|
+
const naMobileItemHeader = "_naMobileItemHeader_1uz4c_1978";
|
|
1509
|
+
const naMobileItemBody = "_naMobileItemBody_1uz4c_1992";
|
|
1510
|
+
const naMobileItemActive = "_naMobileItemActive_1uz4c_1998";
|
|
1511
|
+
const naMobileInactiveLabel = "_naMobileInactiveLabel_1uz4c_2003";
|
|
1512
|
+
const naMobileBodyInner = "_naMobileBodyInner_1uz4c_2007";
|
|
1513
|
+
const naMobileNumber = "_naMobileNumber_1uz4c_2016";
|
|
1514
|
+
const naMobileHeading = "_naMobileHeading_1uz4c_2027";
|
|
1515
|
+
const naMobileDesc = "_naMobileDesc_1uz4c_2037";
|
|
1516
|
+
const naMobileMedia = "_naMobileMedia_1uz4c_2044";
|
|
1517
|
+
const snContainer = "_snContainer_1uz4c_2063";
|
|
1518
|
+
const snRow = "_snRow_1uz4c_2070";
|
|
1519
|
+
const snNumber = "_snNumber_1uz4c_2077";
|
|
1520
|
+
const snContent = "_snContent_1uz4c_2087";
|
|
1521
|
+
const snSectionTitle = "_snSectionTitle_1uz4c_2093";
|
|
1522
|
+
const snTagline = "_snTagline_1uz4c_2099";
|
|
1523
|
+
const snHeadingBlock = "_snHeadingBlock_1uz4c_2106";
|
|
1524
|
+
const snHeading = "_snHeading_1uz4c_2106";
|
|
1525
|
+
const snDesc = "_snDesc_1uz4c_2122";
|
|
1526
|
+
const snActions = "_snActions_1uz4c_2129";
|
|
1527
|
+
const snSticky = "_snSticky_1uz4c_2137";
|
|
1528
|
+
const snNumDisplay = "_snNumDisplay_1uz4c_2141";
|
|
1529
|
+
const snDigitZero = "_snDigitZero_1uz4c_2154";
|
|
1530
|
+
const snDigitCol = "_snDigitCol_1uz4c_2159";
|
|
1531
|
+
const snDigitItem = "_snDigitItem_1uz4c_2165";
|
|
1532
|
+
const snRows = "_snRows_1uz4c_2170";
|
|
1533
|
+
const snBarTrack = "_snBarTrack_1uz4c_2176";
|
|
1534
|
+
const snBarFill = "_snBarFill_1uz4c_2183";
|
|
1535
|
+
const silContainer = "_silContainer_1uz4c_2191";
|
|
1536
|
+
const silLeft = "_silLeft_1uz4c_2198";
|
|
1537
|
+
const silSectionTitle = "_silSectionTitle_1uz4c_2204";
|
|
1538
|
+
const silTagline = "_silTagline_1uz4c_2210";
|
|
1539
|
+
const silHeadingBlock = "_silHeadingBlock_1uz4c_2217";
|
|
1540
|
+
const silSectionHeading = "_silSectionHeading_1uz4c_2223";
|
|
1541
|
+
const silSectionDesc = "_silSectionDesc_1uz4c_2233";
|
|
1542
|
+
const silActions = "_silActions_1uz4c_2240";
|
|
1543
|
+
const silRight = "_silRight_1uz4c_2247";
|
|
1544
|
+
const silCard = "_silCard_1uz4c_2253";
|
|
1545
|
+
const silIcon = "_silIcon_1uz4c_2262";
|
|
1546
|
+
const silItemHeading = "_silItemHeading_1uz4c_2269";
|
|
1547
|
+
const silItemDesc = "_silItemDesc_1uz4c_2278";
|
|
1548
|
+
const naPanel = "_naPanel_1uz4c_2952";
|
|
1549
|
+
const naPanelActive = "_naPanelActive_1uz4c_2964";
|
|
1550
|
+
const naPanelSide = "_naPanelSide_1uz4c_2969";
|
|
1551
|
+
const naPanelBody = "_naPanelBody_1uz4c_2984";
|
|
1552
|
+
const naActivePanelContent = "_naActivePanelContent_1uz4c_2997";
|
|
1553
|
+
const naActivePanelHeader = "_naActivePanelHeader_1uz4c_3006";
|
|
1554
|
+
const naNumber = "_naNumber_1uz4c_3012";
|
|
1555
|
+
const naPanelHeading = "_naPanelHeading_1uz4c_3020";
|
|
1556
|
+
const naPanelDesc = "_naPanelDesc_1uz4c_3030";
|
|
1557
|
+
const naMedia = "_naMedia_1uz4c_3037";
|
|
1558
|
+
const naLabelWrap = "_naLabelWrap_1uz4c_3045";
|
|
1559
|
+
const naLabel = "_naLabel_1uz4c_3045";
|
|
1560
|
+
const containerWide$6 = "_containerWide_1uz4c_3135";
|
|
1561
|
+
const containerFull$6 = "_containerFull_1uz4c_3139";
|
|
1546
1562
|
const styles$c = {
|
|
1547
1563
|
section: section$9,
|
|
1548
1564
|
container: container$6,
|
|
@@ -1554,13 +1570,17 @@ const styles$c = {
|
|
|
1554
1570
|
chevron: chevron$1,
|
|
1555
1571
|
chevronOpen: chevronOpen$1,
|
|
1556
1572
|
itemContent,
|
|
1573
|
+
itemContentOpen,
|
|
1574
|
+
itemContentInner,
|
|
1557
1575
|
itemDescription,
|
|
1558
1576
|
itemMedia,
|
|
1559
1577
|
mediaPanel,
|
|
1560
1578
|
mediaFallback,
|
|
1561
|
-
"side-by-side-lines": "_side-by-side-
|
|
1579
|
+
"side-by-side-lines": "_side-by-side-lines_1uz4c_144",
|
|
1562
1580
|
sideBySideLines,
|
|
1563
1581
|
itemLines,
|
|
1582
|
+
mediaPanelInner,
|
|
1583
|
+
sblFadeIn,
|
|
1564
1584
|
tabsCard,
|
|
1565
1585
|
tabContent,
|
|
1566
1586
|
tabText,
|
|
@@ -1574,7 +1594,7 @@ const styles$c = {
|
|
|
1574
1594
|
strokeHeading,
|
|
1575
1595
|
strokeDescription,
|
|
1576
1596
|
strokeMedia,
|
|
1577
|
-
"side-by-side-bullets": "_side-by-side-
|
|
1597
|
+
"side-by-side-bullets": "_side-by-side-bullets_1uz4c_377",
|
|
1578
1598
|
sideBySideBullets,
|
|
1579
1599
|
bulletSectionHeader,
|
|
1580
1600
|
bulletTopic,
|
|
@@ -1597,7 +1617,7 @@ const styles$c = {
|
|
|
1597
1617
|
bulletCarouselDesc,
|
|
1598
1618
|
bulletCarouselMedia,
|
|
1599
1619
|
bulletCarouselNav,
|
|
1600
|
-
"tab-cards-carousel": "_tab-cards-
|
|
1620
|
+
"tab-cards-carousel": "_tab-cards-carousel_1uz4c_580",
|
|
1601
1621
|
tabCardsCarousel,
|
|
1602
1622
|
tcSectionText,
|
|
1603
1623
|
tcTopic,
|
|
@@ -1618,7 +1638,7 @@ const styles$c = {
|
|
|
1618
1638
|
tcCtaMobWrap,
|
|
1619
1639
|
tcMedia,
|
|
1620
1640
|
tcNav,
|
|
1621
|
-
"stacked-rows": "_stacked-
|
|
1641
|
+
"stacked-rows": "_stacked-rows_1uz4c_759",
|
|
1622
1642
|
stackedRows,
|
|
1623
1643
|
srHeader,
|
|
1624
1644
|
srTopic,
|
|
@@ -1638,7 +1658,7 @@ const styles$c = {
|
|
|
1638
1658
|
srBulletIcon,
|
|
1639
1659
|
srBulletLabel,
|
|
1640
1660
|
srMedia,
|
|
1641
|
-
"horizontal-cards": "_horizontal-
|
|
1661
|
+
"horizontal-cards": "_horizontal-cards_1uz4c_918",
|
|
1642
1662
|
horizontalCards,
|
|
1643
1663
|
hcHeader,
|
|
1644
1664
|
hcTagline,
|
|
@@ -1653,7 +1673,7 @@ const styles$c = {
|
|
|
1653
1673
|
hcDesc,
|
|
1654
1674
|
hcAction,
|
|
1655
1675
|
hcDots,
|
|
1656
|
-
"horizontal-icons": "_horizontal-
|
|
1676
|
+
"horizontal-icons": "_horizontal-icons_1uz4c_1071",
|
|
1657
1677
|
horizontalIcons,
|
|
1658
1678
|
hiHeader,
|
|
1659
1679
|
hiTagline,
|
|
@@ -1665,7 +1685,7 @@ const styles$c = {
|
|
|
1665
1685
|
hiTextGroup,
|
|
1666
1686
|
hiHeading,
|
|
1667
1687
|
hiDesc,
|
|
1668
|
-
"stacked-media-left": "_stacked-media-
|
|
1688
|
+
"stacked-media-left": "_stacked-media-left_1uz4c_1162",
|
|
1669
1689
|
stackedMediaLeft,
|
|
1670
1690
|
smlSectionHeader,
|
|
1671
1691
|
smlSectionTopic,
|
|
@@ -1677,7 +1697,7 @@ const styles$c = {
|
|
|
1677
1697
|
smlHeading,
|
|
1678
1698
|
smlDesc,
|
|
1679
1699
|
smlActions,
|
|
1680
|
-
"horizontal-media-top": "_horizontal-media-
|
|
1700
|
+
"horizontal-media-top": "_horizontal-media-top_1uz4c_1259",
|
|
1681
1701
|
horizontalMediaTop,
|
|
1682
1702
|
hmtHeader,
|
|
1683
1703
|
hmtTopic,
|
|
@@ -1690,7 +1710,7 @@ const styles$c = {
|
|
|
1690
1710
|
hmtHeading,
|
|
1691
1711
|
hmtDesc,
|
|
1692
1712
|
hmtAction,
|
|
1693
|
-
"stacked-cards-carousel": "_stacked-cards-
|
|
1713
|
+
"stacked-cards-carousel": "_stacked-cards-carousel_1uz4c_1375",
|
|
1694
1714
|
stackedCardsCarousel,
|
|
1695
1715
|
sccDeskStack,
|
|
1696
1716
|
sccMobTrack,
|
|
@@ -1703,7 +1723,7 @@ const styles$c = {
|
|
|
1703
1723
|
sccHeading,
|
|
1704
1724
|
sccDesc,
|
|
1705
1725
|
sccMobDots,
|
|
1706
|
-
"content-carousel": "_content-
|
|
1726
|
+
"content-carousel": "_content-carousel_1uz4c_1469",
|
|
1707
1727
|
contentCarousel,
|
|
1708
1728
|
ccHeader,
|
|
1709
1729
|
ccSectionHeading,
|
|
@@ -1718,7 +1738,7 @@ const styles$c = {
|
|
|
1718
1738
|
ccLearnMore,
|
|
1719
1739
|
ccNavRow,
|
|
1720
1740
|
ccArrows,
|
|
1721
|
-
"list-right-media": "_list-right-
|
|
1741
|
+
"list-right-media": "_list-right-media_1uz4c_1591",
|
|
1722
1742
|
listRightMedia,
|
|
1723
1743
|
lrmContainer,
|
|
1724
1744
|
lrmLeft,
|
|
@@ -1731,7 +1751,7 @@ const styles$c = {
|
|
|
1731
1751
|
lrmItemHeading,
|
|
1732
1752
|
lrmItemDesc,
|
|
1733
1753
|
lrmMedia,
|
|
1734
|
-
"tabs-media-right": "_tabs-media-
|
|
1754
|
+
"tabs-media-right": "_tabs-media-right_1uz4c_1678",
|
|
1735
1755
|
tabsMediaRight,
|
|
1736
1756
|
tmrSectionHeader,
|
|
1737
1757
|
tmrTagline,
|
|
@@ -1768,13 +1788,16 @@ const styles$c = {
|
|
|
1768
1788
|
naSectionDesc,
|
|
1769
1789
|
naDesktopRow,
|
|
1770
1790
|
naMobileList,
|
|
1771
|
-
|
|
1791
|
+
naMobileItem,
|
|
1792
|
+
naMobileItemHeader,
|
|
1793
|
+
naMobileItemBody,
|
|
1794
|
+
naMobileItemActive,
|
|
1795
|
+
naMobileInactiveLabel,
|
|
1796
|
+
naMobileBodyInner,
|
|
1772
1797
|
naMobileNumber,
|
|
1773
1798
|
naMobileHeading,
|
|
1774
1799
|
naMobileDesc,
|
|
1775
1800
|
naMobileMedia,
|
|
1776
|
-
naMobileInactiveItem,
|
|
1777
|
-
naMobileInactiveLabel,
|
|
1778
1801
|
snContainer,
|
|
1779
1802
|
snRow,
|
|
1780
1803
|
snNumber,
|
|
@@ -1785,6 +1808,14 @@ const styles$c = {
|
|
|
1785
1808
|
snHeading,
|
|
1786
1809
|
snDesc,
|
|
1787
1810
|
snActions,
|
|
1811
|
+
snSticky,
|
|
1812
|
+
snNumDisplay,
|
|
1813
|
+
snDigitZero,
|
|
1814
|
+
snDigitCol,
|
|
1815
|
+
snDigitItem,
|
|
1816
|
+
snRows,
|
|
1817
|
+
snBarTrack,
|
|
1818
|
+
snBarFill,
|
|
1788
1819
|
silContainer,
|
|
1789
1820
|
silLeft,
|
|
1790
1821
|
silSectionTitle,
|
|
@@ -1798,15 +1829,16 @@ const styles$c = {
|
|
|
1798
1829
|
silIcon,
|
|
1799
1830
|
silItemHeading,
|
|
1800
1831
|
silItemDesc,
|
|
1801
|
-
|
|
1832
|
+
naPanel,
|
|
1833
|
+
naPanelActive,
|
|
1834
|
+
naPanelSide,
|
|
1835
|
+
naPanelBody,
|
|
1802
1836
|
naActivePanelContent,
|
|
1803
1837
|
naActivePanelHeader,
|
|
1804
1838
|
naNumber,
|
|
1805
1839
|
naPanelHeading,
|
|
1806
1840
|
naPanelDesc,
|
|
1807
1841
|
naMedia,
|
|
1808
|
-
naInactivePanel,
|
|
1809
|
-
naInactiveNumber,
|
|
1810
1842
|
naLabelWrap,
|
|
1811
1843
|
naLabel,
|
|
1812
1844
|
containerWide: containerWide$6,
|
|
@@ -1837,28 +1869,6 @@ function ChevronIcon$1({ open }) {
|
|
|
1837
1869
|
);
|
|
1838
1870
|
}
|
|
1839
1871
|
function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showMedia, variant = "fill" }) {
|
|
1840
|
-
const contentRef = useRef(null);
|
|
1841
|
-
const isFirstRender = useRef(true);
|
|
1842
|
-
const [height, setHeight] = useState(isActive ? "auto" : "0px");
|
|
1843
|
-
useEffect(() => {
|
|
1844
|
-
if (isFirstRender.current) {
|
|
1845
|
-
isFirstRender.current = false;
|
|
1846
|
-
return;
|
|
1847
|
-
}
|
|
1848
|
-
if (!contentRef.current) return;
|
|
1849
|
-
if (isActive) {
|
|
1850
|
-
const h = contentRef.current.scrollHeight;
|
|
1851
|
-
setHeight(`${h}px`);
|
|
1852
|
-
const timer = setTimeout(() => setHeight("auto"), 320);
|
|
1853
|
-
return () => clearTimeout(timer);
|
|
1854
|
-
} else {
|
|
1855
|
-
const h = contentRef.current.scrollHeight;
|
|
1856
|
-
setHeight(`${h}px`);
|
|
1857
|
-
requestAnimationFrame(() => {
|
|
1858
|
-
requestAnimationFrame(() => setHeight("0px"));
|
|
1859
|
-
});
|
|
1860
|
-
}
|
|
1861
|
-
}, [isActive]);
|
|
1862
1872
|
return /* @__PURE__ */ jsxs("div", { className: `${styles$c.item} ${isActive ? styles$c.itemActive : ""} ${variant === "lines" ? styles$c.itemLines : ""}`, children: [
|
|
1863
1873
|
/* @__PURE__ */ jsxs(
|
|
1864
1874
|
"button",
|
|
@@ -1873,17 +1883,15 @@ function AccordionItem$1({ item: item2, index: index2, isActive, onToggle, showM
|
|
|
1873
1883
|
]
|
|
1874
1884
|
}
|
|
1875
1885
|
),
|
|
1876
|
-
/* @__PURE__ */
|
|
1886
|
+
/* @__PURE__ */ jsx(
|
|
1877
1887
|
"div",
|
|
1878
1888
|
{
|
|
1879
|
-
|
|
1880
|
-
className: styles$c.itemContent,
|
|
1881
|
-
style: { height },
|
|
1889
|
+
className: `${styles$c.itemContent} ${isActive ? styles$c.itemContentOpen : ""}`,
|
|
1882
1890
|
"aria-hidden": !isActive,
|
|
1883
|
-
children: [
|
|
1891
|
+
children: /* @__PURE__ */ jsxs("div", { className: styles$c.itemContentInner, children: [
|
|
1884
1892
|
/* @__PURE__ */ jsx("p", { className: styles$c.itemDescription, children: item2.description }),
|
|
1885
1893
|
showMedia && item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.itemMedia, children: item2.media })
|
|
1886
|
-
]
|
|
1894
|
+
] })
|
|
1887
1895
|
}
|
|
1888
1896
|
)
|
|
1889
1897
|
] });
|
|
@@ -2433,22 +2441,85 @@ function HorizontalMediaTopLayout({
|
|
|
2433
2441
|
] });
|
|
2434
2442
|
}
|
|
2435
2443
|
function StepsNumberedLayout({ items }) {
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
2445
|
-
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2444
|
+
const containerRef = useRef(null);
|
|
2445
|
+
const digitColRef = useRef(null);
|
|
2446
|
+
const cardRefs = useRef([]);
|
|
2447
|
+
const barFillRefs = useRef([]);
|
|
2448
|
+
useEffect(() => {
|
|
2449
|
+
var _a;
|
|
2450
|
+
if ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-reduced-motion: reduce)").matches) return;
|
|
2451
|
+
const clamp01 = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
|
|
2452
|
+
const onScroll = () => {
|
|
2453
|
+
const container2 = containerRef.current;
|
|
2454
|
+
const digitCol = digitColRef.current;
|
|
2455
|
+
if (container2 && digitCol) {
|
|
2456
|
+
const section2 = container2.closest("section");
|
|
2457
|
+
if (section2) {
|
|
2458
|
+
const rect = section2.getBoundingClientRect();
|
|
2459
|
+
const p = clamp01(-rect.top / rect.height);
|
|
2460
|
+
const N = items.length;
|
|
2461
|
+
const translatePct = -p * ((N - 1) / N) * 100;
|
|
2462
|
+
digitCol.style.transform = `translateY(${translatePct.toFixed(2)}%)`;
|
|
2463
|
+
}
|
|
2464
|
+
}
|
|
2465
|
+
const vh = window.innerHeight;
|
|
2466
|
+
cardRefs.current.forEach((card2, i) => {
|
|
2467
|
+
const barFill = barFillRefs.current[i];
|
|
2468
|
+
if (!card2 || !barFill) return;
|
|
2469
|
+
const rect = card2.getBoundingClientRect();
|
|
2470
|
+
const cardP = clamp01((vh / 2 - rect.top) / rect.height);
|
|
2471
|
+
barFill.style.width = `${(cardP * 100).toFixed(1)}%`;
|
|
2472
|
+
});
|
|
2473
|
+
};
|
|
2474
|
+
onScroll();
|
|
2475
|
+
window.addEventListener("scroll", onScroll, { passive: true });
|
|
2476
|
+
window.addEventListener("resize", onScroll, { passive: true });
|
|
2477
|
+
return () => {
|
|
2478
|
+
window.removeEventListener("scroll", onScroll);
|
|
2479
|
+
window.removeEventListener("resize", onScroll);
|
|
2480
|
+
};
|
|
2481
|
+
}, [items.length]);
|
|
2482
|
+
return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: styles$c.snContainer, children: [
|
|
2483
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.snSticky, children: /* @__PURE__ */ jsxs("div", { className: styles$c.snNumDisplay, children: [
|
|
2484
|
+
/* @__PURE__ */ jsx("span", { className: styles$c.snDigitZero, children: "0" }),
|
|
2485
|
+
/* @__PURE__ */ jsx("div", { ref: digitColRef, className: styles$c.snDigitCol, children: items.map((_, i) => /* @__PURE__ */ jsx("span", { className: styles$c.snDigitItem, children: i + 1 }, i)) })
|
|
2486
|
+
] }) }),
|
|
2487
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.snRows, children: items.map((item2, i) => /* @__PURE__ */ jsxs(
|
|
2488
|
+
"div",
|
|
2489
|
+
{
|
|
2490
|
+
ref: (el) => {
|
|
2491
|
+
cardRefs.current[i] = el;
|
|
2492
|
+
},
|
|
2493
|
+
className: styles$c.snRow,
|
|
2494
|
+
children: [
|
|
2495
|
+
/* @__PURE__ */ jsx("span", { className: styles$c.snNumber, children: String(i + 1).padStart(2, "0") }),
|
|
2496
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.snBarTrack, children: /* @__PURE__ */ jsx(
|
|
2497
|
+
"div",
|
|
2498
|
+
{
|
|
2499
|
+
ref: (el) => {
|
|
2500
|
+
barFillRefs.current[i] = el;
|
|
2501
|
+
},
|
|
2502
|
+
className: styles$c.snBarFill
|
|
2503
|
+
}
|
|
2504
|
+
) }),
|
|
2505
|
+
/* @__PURE__ */ jsxs("div", { className: styles$c.snContent, children: [
|
|
2506
|
+
/* @__PURE__ */ jsxs("div", { className: styles$c.snSectionTitle, children: [
|
|
2507
|
+
item2.topic && /* @__PURE__ */ jsx("span", { className: styles$c.snTagline, children: item2.topic }),
|
|
2508
|
+
/* @__PURE__ */ jsxs("div", { className: styles$c.snHeadingBlock, children: [
|
|
2509
|
+
/* @__PURE__ */ jsx("h2", { className: styles$c.snHeading, children: item2.heading }),
|
|
2510
|
+
/* @__PURE__ */ jsx("p", { className: styles$c.snDesc, children: item2.description })
|
|
2511
|
+
] })
|
|
2512
|
+
] }),
|
|
2513
|
+
(item2.cta || item2.cta2) && /* @__PURE__ */ jsxs("div", { className: styles$c.snActions, children: [
|
|
2514
|
+
item2.cta && /* @__PURE__ */ jsx(Button, { buttonStyle: "primary", color: "black", size: "regular", onClick: item2.cta.onClick, children: item2.cta.label }),
|
|
2515
|
+
item2.cta2 && /* @__PURE__ */ jsx(Button, { buttonStyle: "secondary", color: "black", size: "regular", onClick: item2.cta2.onClick, children: item2.cta2.label })
|
|
2516
|
+
] })
|
|
2517
|
+
] })
|
|
2518
|
+
]
|
|
2519
|
+
},
|
|
2520
|
+
i
|
|
2521
|
+
)) })
|
|
2522
|
+
] });
|
|
2452
2523
|
}
|
|
2453
2524
|
function SplitIconListLayout({
|
|
2454
2525
|
items,
|
|
@@ -2496,25 +2567,32 @@ function NumberedAccordionLayout({
|
|
|
2496
2567
|
/* @__PURE__ */ jsx("div", { className: styles$c.naDesktopRow, children: items.map((item2, i) => {
|
|
2497
2568
|
const isActive = i === activeIndex;
|
|
2498
2569
|
const num = String(i + 1).padStart(2, "0");
|
|
2499
|
-
if (isActive) {
|
|
2500
|
-
return /* @__PURE__ */ jsx("div", { className: styles$c.naActivePanel, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelContent, children: [
|
|
2501
|
-
/* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelHeader, children: [
|
|
2502
|
-
/* @__PURE__ */ jsx("span", { className: styles$c.naNumber, children: num }),
|
|
2503
|
-
/* @__PURE__ */ jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
|
|
2504
|
-
/* @__PURE__ */ jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
|
|
2505
|
-
] }),
|
|
2506
|
-
item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMedia, children: item2.media })
|
|
2507
|
-
] }) }, i);
|
|
2508
|
-
}
|
|
2509
2570
|
return /* @__PURE__ */ jsxs(
|
|
2510
|
-
"
|
|
2571
|
+
"div",
|
|
2511
2572
|
{
|
|
2512
|
-
|
|
2513
|
-
className: styles$c.naInactivePanel,
|
|
2514
|
-
onClick: () => setActiveIndex(i),
|
|
2573
|
+
className: `${styles$c.naPanel}${isActive ? ` ${styles$c.naPanelActive}` : ""}`,
|
|
2515
2574
|
children: [
|
|
2516
|
-
/* @__PURE__ */
|
|
2517
|
-
|
|
2575
|
+
/* @__PURE__ */ jsxs(
|
|
2576
|
+
"button",
|
|
2577
|
+
{
|
|
2578
|
+
type: "button",
|
|
2579
|
+
className: styles$c.naPanelSide,
|
|
2580
|
+
onClick: () => setActiveIndex(i),
|
|
2581
|
+
"aria-expanded": isActive,
|
|
2582
|
+
"aria-label": `${item2.topic ?? item2.heading}, panel ${num}`,
|
|
2583
|
+
children: [
|
|
2584
|
+
/* @__PURE__ */ jsx("span", { className: styles$c.naNumber, children: num }),
|
|
2585
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.naLabelWrap, children: /* @__PURE__ */ jsx("span", { className: styles$c.naLabel, children: item2.topic ?? item2.heading }) })
|
|
2586
|
+
]
|
|
2587
|
+
}
|
|
2588
|
+
),
|
|
2589
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.naPanelBody, "aria-hidden": !isActive, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelContent, children: [
|
|
2590
|
+
/* @__PURE__ */ jsxs("div", { className: styles$c.naActivePanelHeader, children: [
|
|
2591
|
+
/* @__PURE__ */ jsx("h3", { className: styles$c.naPanelHeading, children: item2.heading }),
|
|
2592
|
+
/* @__PURE__ */ jsx("p", { className: styles$c.naPanelDesc, children: item2.description })
|
|
2593
|
+
] }),
|
|
2594
|
+
item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMedia, children: item2.media })
|
|
2595
|
+
] }) })
|
|
2518
2596
|
]
|
|
2519
2597
|
},
|
|
2520
2598
|
i
|
|
@@ -2523,23 +2601,29 @@ function NumberedAccordionLayout({
|
|
|
2523
2601
|
/* @__PURE__ */ jsx("div", { className: styles$c.naMobileList, children: items.map((item2, i) => {
|
|
2524
2602
|
const isActive = i === activeIndex;
|
|
2525
2603
|
const num = String(i + 1).padStart(2, "0");
|
|
2526
|
-
if (isActive) {
|
|
2527
|
-
return /* @__PURE__ */ jsxs("div", { className: styles$c.naMobileActiveItem, children: [
|
|
2528
|
-
/* @__PURE__ */ jsx("span", { className: styles$c.naMobileNumber, children: num }),
|
|
2529
|
-
/* @__PURE__ */ jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
|
|
2530
|
-
/* @__PURE__ */ jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
|
|
2531
|
-
item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
|
|
2532
|
-
] }, i);
|
|
2533
|
-
}
|
|
2534
2604
|
return /* @__PURE__ */ jsxs(
|
|
2535
|
-
"
|
|
2605
|
+
"div",
|
|
2536
2606
|
{
|
|
2537
|
-
|
|
2538
|
-
className: styles$c.naMobileInactiveItem,
|
|
2539
|
-
onClick: () => setActiveIndex(i),
|
|
2607
|
+
className: `${styles$c.naMobileItem}${isActive ? ` ${styles$c.naMobileItemActive}` : ""}`,
|
|
2540
2608
|
children: [
|
|
2541
|
-
/* @__PURE__ */
|
|
2542
|
-
|
|
2609
|
+
/* @__PURE__ */ jsxs(
|
|
2610
|
+
"button",
|
|
2611
|
+
{
|
|
2612
|
+
type: "button",
|
|
2613
|
+
className: styles$c.naMobileItemHeader,
|
|
2614
|
+
onClick: () => setActiveIndex(i),
|
|
2615
|
+
"aria-expanded": isActive,
|
|
2616
|
+
children: [
|
|
2617
|
+
/* @__PURE__ */ jsx("span", { className: styles$c.naMobileNumber, children: num }),
|
|
2618
|
+
/* @__PURE__ */ jsx("span", { className: styles$c.naMobileInactiveLabel, children: item2.topic ?? item2.heading })
|
|
2619
|
+
]
|
|
2620
|
+
}
|
|
2621
|
+
),
|
|
2622
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.naMobileItemBody, children: /* @__PURE__ */ jsxs("div", { className: styles$c.naMobileBodyInner, children: [
|
|
2623
|
+
/* @__PURE__ */ jsx("h3", { className: styles$c.naMobileHeading, children: item2.heading }),
|
|
2624
|
+
/* @__PURE__ */ jsx("p", { className: styles$c.naMobileDesc, children: item2.description }),
|
|
2625
|
+
item2.media && /* @__PURE__ */ jsx("div", { className: styles$c.naMobileMedia, children: item2.media })
|
|
2626
|
+
] }) })
|
|
2543
2627
|
]
|
|
2544
2628
|
},
|
|
2545
2629
|
i
|
|
@@ -2759,104 +2843,105 @@ const FeaturesSection = forwardRef(
|
|
|
2759
2843
|
},
|
|
2760
2844
|
i
|
|
2761
2845
|
)) }),
|
|
2762
|
-
/* @__PURE__ */ jsx("div", { className: styles$c.mediaPanel, children: activeMedia || /* @__PURE__ */ jsx("div", { className: styles$c.mediaFallback }) })
|
|
2846
|
+
/* @__PURE__ */ jsx("div", { className: styles$c.mediaPanel, children: /* @__PURE__ */ jsx("div", { className: styles$c.mediaPanelInner, children: activeMedia || /* @__PURE__ */ jsx("div", { className: styles$c.mediaFallback }) }, activeIndex) })
|
|
2763
2847
|
] }) });
|
|
2764
2848
|
}
|
|
2765
2849
|
);
|
|
2766
|
-
const section$8 = "
|
|
2767
|
-
const container$5 = "
|
|
2768
|
-
const card$3 = "
|
|
2769
|
-
const inner$1 = "
|
|
2770
|
-
const textContent$1 = "
|
|
2771
|
-
const textBlock$1 = "
|
|
2772
|
-
const titleGroup = "
|
|
2773
|
-
const miniTitle$2 = "
|
|
2774
|
-
const heading$9 = "
|
|
2775
|
-
const description$5 = "
|
|
2776
|
-
const actions$3 = "
|
|
2777
|
-
const media = "
|
|
2778
|
-
const
|
|
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
|
|
2850
|
+
const section$8 = "_section_14jny_4";
|
|
2851
|
+
const container$5 = "_container_14jny_13";
|
|
2852
|
+
const card$3 = "_card_14jny_23";
|
|
2853
|
+
const inner$1 = "_inner_14jny_32";
|
|
2854
|
+
const textContent$1 = "_textContent_14jny_40";
|
|
2855
|
+
const textBlock$1 = "_textBlock_14jny_47";
|
|
2856
|
+
const titleGroup = "_titleGroup_14jny_55";
|
|
2857
|
+
const miniTitle$2 = "_miniTitle_14jny_61";
|
|
2858
|
+
const heading$9 = "_heading_14jny_70";
|
|
2859
|
+
const description$5 = "_description_14jny_78";
|
|
2860
|
+
const actions$3 = "_actions_14jny_86";
|
|
2861
|
+
const media = "_media_14jny_92";
|
|
2862
|
+
const sideBySide$1 = "_side-by-side_14jny_107";
|
|
2863
|
+
const grid$3 = "_grid_14jny_221";
|
|
2864
|
+
const gridWrapper = "_gridWrapper_14jny_225";
|
|
2865
|
+
const gridCard = "_gridCard_14jny_232";
|
|
2866
|
+
const gridMedia = "_gridMedia_14jny_242";
|
|
2867
|
+
const gridContent = "_gridContent_14jny_255";
|
|
2868
|
+
const gridTexts = "_gridTexts_14jny_262";
|
|
2869
|
+
const gridHeading = "_gridHeading_14jny_270";
|
|
2870
|
+
const gridDescription = "_gridDescription_14jny_278";
|
|
2871
|
+
const gridActions = "_gridActions_14jny_286";
|
|
2872
|
+
const valueCards = "_value-cards_14jny_329";
|
|
2873
|
+
const vcHeading = "_vcHeading_14jny_340";
|
|
2874
|
+
const vcRow = "_vcRow_14jny_352";
|
|
2875
|
+
const vcCard = "_vcCard_14jny_360";
|
|
2876
|
+
const vcCardInner = "_vcCardInner_14jny_368";
|
|
2877
|
+
const vcTextGroup = "_vcTextGroup_14jny_374";
|
|
2878
|
+
const vcIcon = "_vcIcon_14jny_380";
|
|
2879
|
+
const vcTexts = "_vcTexts_14jny_386";
|
|
2880
|
+
const vcCardHeading = "_vcCardHeading_14jny_394";
|
|
2881
|
+
const vcCardDescription = "_vcCardDescription_14jny_402";
|
|
2882
|
+
const vcFooter = "_vcFooter_14jny_409";
|
|
2883
|
+
const vcPlusBtn = "_vcPlusBtn_14jny_415";
|
|
2884
|
+
const oneMedia = "_one-media_14jny_481";
|
|
2885
|
+
const mmHeading = "_mmHeading_14jny_486";
|
|
2886
|
+
const mmRow = "_mmRow_14jny_497";
|
|
2887
|
+
const mmFeatureCard = "_mmFeatureCard_14jny_503";
|
|
2888
|
+
const mmIcon = "_mmIcon_14jny_518";
|
|
2889
|
+
const mmTexts = "_mmTexts_14jny_524";
|
|
2890
|
+
const mmCardHeading = "_mmCardHeading_14jny_532";
|
|
2891
|
+
const mmCardDescription = "_mmCardDescription_14jny_540";
|
|
2892
|
+
const mmMediaCard = "_mmMediaCard_14jny_547";
|
|
2893
|
+
const mediaTop = "_media-top_14jny_609";
|
|
2894
|
+
const mtRow = "_mtRow_14jny_615";
|
|
2895
|
+
const mtCard = "_mtCard_14jny_622";
|
|
2896
|
+
const mtMediaArea = "_mtMediaArea_14jny_629";
|
|
2897
|
+
const mtContent = "_mtContent_14jny_645";
|
|
2898
|
+
const mtContentTop = "_mtContentTop_14jny_657";
|
|
2899
|
+
const mtTag = "_mtTag_14jny_664";
|
|
2900
|
+
const mtTexts = "_mtTexts_14jny_680";
|
|
2901
|
+
const mtCardHeading = "_mtCardHeading_14jny_688";
|
|
2902
|
+
const mtCardDescription = "_mtCardDescription_14jny_696";
|
|
2903
|
+
const mtActions = "_mtActions_14jny_703";
|
|
2904
|
+
const iconWithLink = "_icon-with-link_14jny_747";
|
|
2905
|
+
const fgHeading = "_fgHeading_14jny_752";
|
|
2906
|
+
const fgRow = "_fgRow_14jny_763";
|
|
2907
|
+
const fgCard = "_fgCard_14jny_770";
|
|
2908
|
+
const fgTop = "_fgTop_14jny_785";
|
|
2909
|
+
const fgIcon = "_fgIcon_14jny_792";
|
|
2910
|
+
const fgContent = "_fgContent_14jny_799";
|
|
2911
|
+
const fgHeadline = "_fgHeadline_14jny_807";
|
|
2912
|
+
const fgCardHeading = "_fgCardHeading_14jny_811";
|
|
2913
|
+
const fgCardDescription = "_fgCardDescription_14jny_819";
|
|
2914
|
+
const fgLink = "_fgLink_14jny_826";
|
|
2915
|
+
const fgLinkText = "_fgLinkText_14jny_845";
|
|
2916
|
+
const horizontalReveal = "_horizontal-reveal_14jny_878";
|
|
2917
|
+
const sectionHeader = "_sectionHeader_14jny_887";
|
|
2918
|
+
const sectionHeaderInner = "_sectionHeaderInner_14jny_895";
|
|
2919
|
+
const tagline = "_tagline_14jny_906";
|
|
2920
|
+
const cardRow = "_cardRow_14jny_928";
|
|
2921
|
+
const marqueeWrapper = "_marqueeWrapper_14jny_944";
|
|
2922
|
+
const cardRowMarquee$1 = "_cardRowMarquee_14jny_950";
|
|
2923
|
+
const marquee = "_marquee_14jny_944";
|
|
2924
|
+
const marqueeTrack = "_marqueeTrack_14jny_960";
|
|
2925
|
+
const revealCard = "_revealCard_14jny_978";
|
|
2926
|
+
const revealed = "_revealed_14jny_999";
|
|
2927
|
+
const revealFront = "_revealFront_14jny_1005";
|
|
2928
|
+
const revealMedia = "_revealMedia_14jny_1013";
|
|
2929
|
+
const revealBack = "_revealBack_14jny_1040";
|
|
2930
|
+
const revealHeader = "_revealHeader_14jny_1053";
|
|
2931
|
+
const revealAvatar = "_revealAvatar_14jny_1059";
|
|
2932
|
+
const revealName = "_revealName_14jny_1074";
|
|
2933
|
+
const revealList = "_revealList_14jny_1082";
|
|
2934
|
+
const revealListItem = "_revealListItem_14jny_1091";
|
|
2935
|
+
const bulletIcon$1 = "_bulletIcon_14jny_1102";
|
|
2936
|
+
const revealFooter = "_revealFooter_14jny_1114";
|
|
2937
|
+
const revealFooterContent = "_revealFooterContent_14jny_1122";
|
|
2938
|
+
const revealFooterName = "_revealFooterName_14jny_1129";
|
|
2939
|
+
const revealTags = "_revealTags_14jny_1139";
|
|
2940
|
+
const revealTag = "_revealTag_14jny_1139";
|
|
2941
|
+
const revealToggle = "_revealToggle_14jny_1157";
|
|
2942
|
+
const navDots = "_navDots_14jny_1181";
|
|
2943
|
+
const containerWide$5 = "_containerWide_14jny_1218";
|
|
2944
|
+
const containerFull$5 = "_containerFull_14jny_1222";
|
|
2860
2945
|
const styles$b = {
|
|
2861
2946
|
section: section$8,
|
|
2862
2947
|
container: container$5,
|
|
@@ -2870,6 +2955,8 @@ const styles$b = {
|
|
|
2870
2955
|
description: description$5,
|
|
2871
2956
|
actions: actions$3,
|
|
2872
2957
|
media,
|
|
2958
|
+
"side-by-side": "_side-by-side_14jny_107",
|
|
2959
|
+
sideBySide: sideBySide$1,
|
|
2873
2960
|
grid: grid$3,
|
|
2874
2961
|
gridWrapper,
|
|
2875
2962
|
gridCard,
|
|
@@ -2879,7 +2966,7 @@ const styles$b = {
|
|
|
2879
2966
|
gridHeading,
|
|
2880
2967
|
gridDescription,
|
|
2881
2968
|
gridActions,
|
|
2882
|
-
"value-cards": "_value-
|
|
2969
|
+
"value-cards": "_value-cards_14jny_329",
|
|
2883
2970
|
valueCards,
|
|
2884
2971
|
vcHeading,
|
|
2885
2972
|
vcRow,
|
|
@@ -2892,7 +2979,7 @@ const styles$b = {
|
|
|
2892
2979
|
vcCardDescription,
|
|
2893
2980
|
vcFooter,
|
|
2894
2981
|
vcPlusBtn,
|
|
2895
|
-
"one-media": "_one-
|
|
2982
|
+
"one-media": "_one-media_14jny_481",
|
|
2896
2983
|
oneMedia,
|
|
2897
2984
|
mmHeading,
|
|
2898
2985
|
mmRow,
|
|
@@ -2902,7 +2989,7 @@ const styles$b = {
|
|
|
2902
2989
|
mmCardHeading,
|
|
2903
2990
|
mmCardDescription,
|
|
2904
2991
|
mmMediaCard,
|
|
2905
|
-
"media-top": "_media-
|
|
2992
|
+
"media-top": "_media-top_14jny_609",
|
|
2906
2993
|
mediaTop,
|
|
2907
2994
|
mtRow,
|
|
2908
2995
|
mtCard,
|
|
@@ -2914,7 +3001,7 @@ const styles$b = {
|
|
|
2914
3001
|
mtCardHeading,
|
|
2915
3002
|
mtCardDescription,
|
|
2916
3003
|
mtActions,
|
|
2917
|
-
"icon-with-link": "_icon-with-
|
|
3004
|
+
"icon-with-link": "_icon-with-link_14jny_747",
|
|
2918
3005
|
iconWithLink,
|
|
2919
3006
|
fgHeading,
|
|
2920
3007
|
fgRow,
|
|
@@ -2927,7 +3014,7 @@ const styles$b = {
|
|
|
2927
3014
|
fgCardDescription,
|
|
2928
3015
|
fgLink,
|
|
2929
3016
|
fgLinkText,
|
|
2930
|
-
"horizontal-reveal": "_horizontal-
|
|
3017
|
+
"horizontal-reveal": "_horizontal-reveal_14jny_878",
|
|
2931
3018
|
horizontalReveal,
|
|
2932
3019
|
sectionHeader,
|
|
2933
3020
|
sectionHeaderInner,
|
|
@@ -3055,19 +3142,24 @@ const CardsSection = forwardRef(
|
|
|
3055
3142
|
) }) : /* @__PURE__ */ jsx("div", { className: styles$b.cardRow, children: revealCards.map((card2, i) => /* @__PURE__ */ jsx(RevealCardItem, { card: card2 }, i)) })),
|
|
3056
3143
|
navigation && /* @__PURE__ */ jsx("div", { className: styles$b.navDots, children: navigation })
|
|
3057
3144
|
] }),
|
|
3058
|
-
layout === "side-by-side" &&
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3145
|
+
layout === "side-by-side" && (() => {
|
|
3146
|
+
const c = cards ?? [];
|
|
3147
|
+
const filler = c[0] ?? { heading: "" };
|
|
3148
|
+
const displayCards = c.length >= 2 ? c : [...c, ...Array(2 - c.length).fill(filler)];
|
|
3149
|
+
return displayCards.map((card2, i) => /* @__PURE__ */ jsx("div", { className: styles$b.card, style: { "--clay-sticky-top": "15%" }, children: /* @__PURE__ */ jsxs("div", { className: styles$b.inner, children: [
|
|
3150
|
+
/* @__PURE__ */ jsxs("div", { className: styles$b.textContent, children: [
|
|
3151
|
+
/* @__PURE__ */ jsxs("div", { className: styles$b.textBlock, children: [
|
|
3152
|
+
/* @__PURE__ */ jsxs("div", { className: styles$b.titleGroup, children: [
|
|
3153
|
+
card2.miniTitle && /* @__PURE__ */ jsx("p", { className: styles$b.miniTitle, children: card2.miniTitle }),
|
|
3154
|
+
/* @__PURE__ */ jsx("h2", { className: styles$b.heading, children: card2.heading })
|
|
3155
|
+
] }),
|
|
3156
|
+
card2.description && /* @__PURE__ */ jsx("p", { className: styles$b.description, children: card2.description })
|
|
3064
3157
|
] }),
|
|
3065
|
-
card2.
|
|
3158
|
+
card2.actions && /* @__PURE__ */ jsx("div", { className: styles$b.actions, children: card2.actions })
|
|
3066
3159
|
] }),
|
|
3067
|
-
card2.
|
|
3068
|
-
] }),
|
|
3069
|
-
|
|
3070
|
-
] }) }, i)),
|
|
3160
|
+
card2.media && /* @__PURE__ */ jsx("div", { className: styles$b.media, children: card2.media })
|
|
3161
|
+
] }) }, i));
|
|
3162
|
+
})(),
|
|
3071
3163
|
layout === "grid" && cards && /* @__PURE__ */ jsx("div", { className: styles$b.gridWrapper, children: cards.map((card2, i) => /* @__PURE__ */ jsxs("div", { className: styles$b.gridCard, children: [
|
|
3072
3164
|
/* @__PURE__ */ jsx("div", { className: styles$b.gridMedia, children: card2.media }),
|
|
3073
3165
|
/* @__PURE__ */ jsxs("div", { className: styles$b.gridContent, children: [
|
|
@@ -11714,42 +11806,43 @@ const NumbersSection = forwardRef(
|
|
|
11714
11806
|
] }) });
|
|
11715
11807
|
}
|
|
11716
11808
|
);
|
|
11717
|
-
const footer = "
|
|
11718
|
-
const dividerTop = "
|
|
11719
|
-
const dividerBottom = "
|
|
11720
|
-
const navContainer = "
|
|
11721
|
-
const navGrid = "
|
|
11722
|
-
const column = "
|
|
11723
|
-
const columnBrand = "
|
|
11724
|
-
const brand = "
|
|
11725
|
-
const logoImg = "
|
|
11726
|
-
const heading = "
|
|
11727
|
-
const links = "
|
|
11728
|
-
const linkItem = "
|
|
11729
|
-
const linkIcon = "
|
|
11730
|
-
const link = "
|
|
11731
|
-
const subGroup = "
|
|
11732
|
-
const bottomContainer = "
|
|
11733
|
-
const bottomContent = "
|
|
11734
|
-
const bottomLeft = "
|
|
11735
|
-
const languageSelector = "
|
|
11736
|
-
const complianceBadges = "
|
|
11737
|
-
const complianceBadge = "
|
|
11738
|
-
const bottomCenter = "
|
|
11739
|
-
const socialLinks = "
|
|
11740
|
-
const socialLink = "
|
|
11741
|
-
const legalBlock = "
|
|
11742
|
-
const legalLinks = "
|
|
11743
|
-
const legalItem = "
|
|
11744
|
-
const legalLink = "
|
|
11745
|
-
const pipe = "
|
|
11746
|
-
const copyright = "
|
|
11747
|
-
const bottomRight = "
|
|
11748
|
-
const appStoreBadges = "
|
|
11749
|
-
const appStoreBadge = "
|
|
11750
|
-
const accessibility = "
|
|
11751
|
-
const accessibilityIcon = "
|
|
11752
|
-
const accessibilityLink = "
|
|
11809
|
+
const footer = "_footer_17cq5_3";
|
|
11810
|
+
const dividerTop = "_dividerTop_17cq5_10";
|
|
11811
|
+
const dividerBottom = "_dividerBottom_17cq5_11";
|
|
11812
|
+
const navContainer = "_navContainer_17cq5_19";
|
|
11813
|
+
const navGrid = "_navGrid_17cq5_27";
|
|
11814
|
+
const column = "_column_17cq5_33";
|
|
11815
|
+
const columnBrand = "_columnBrand_17cq5_40";
|
|
11816
|
+
const brand = "_brand_17cq5_44";
|
|
11817
|
+
const logoImg = "_logoImg_17cq5_48";
|
|
11818
|
+
const heading = "_heading_17cq5_56";
|
|
11819
|
+
const links = "_links_17cq5_67";
|
|
11820
|
+
const linkItem = "_linkItem_17cq5_76";
|
|
11821
|
+
const linkIcon = "_linkIcon_17cq5_82";
|
|
11822
|
+
const link = "_link_17cq5_67";
|
|
11823
|
+
const subGroup = "_subGroup_17cq5_113";
|
|
11824
|
+
const bottomContainer = "_bottomContainer_17cq5_118";
|
|
11825
|
+
const bottomContent = "_bottomContent_17cq5_126";
|
|
11826
|
+
const bottomLeft = "_bottomLeft_17cq5_133";
|
|
11827
|
+
const languageSelector = "_languageSelector_17cq5_140";
|
|
11828
|
+
const complianceBadges = "_complianceBadges_17cq5_144";
|
|
11829
|
+
const complianceBadge = "_complianceBadge_17cq5_144";
|
|
11830
|
+
const bottomCenter = "_bottomCenter_17cq5_159";
|
|
11831
|
+
const socialLinks = "_socialLinks_17cq5_166";
|
|
11832
|
+
const socialLink = "_socialLink_17cq5_166";
|
|
11833
|
+
const legalBlock = "_legalBlock_17cq5_194";
|
|
11834
|
+
const legalLinks = "_legalLinks_17cq5_200";
|
|
11835
|
+
const legalItem = "_legalItem_17cq5_207";
|
|
11836
|
+
const legalLink = "_legalLink_17cq5_200";
|
|
11837
|
+
const pipe = "_pipe_17cq5_226";
|
|
11838
|
+
const copyright = "_copyright_17cq5_230";
|
|
11839
|
+
const bottomRight = "_bottomRight_17cq5_240";
|
|
11840
|
+
const appStoreBadges = "_appStoreBadges_17cq5_247";
|
|
11841
|
+
const appStoreBadge = "_appStoreBadge_17cq5_247";
|
|
11842
|
+
const accessibility = "_accessibility_17cq5_258";
|
|
11843
|
+
const accessibilityIcon = "_accessibilityIcon_17cq5_264";
|
|
11844
|
+
const accessibilityLink = "_accessibilityLink_17cq5_280";
|
|
11845
|
+
const short = "_short_17cq5_448";
|
|
11753
11846
|
const styles = {
|
|
11754
11847
|
footer,
|
|
11755
11848
|
dividerTop,
|
|
@@ -11786,10 +11879,12 @@ const styles = {
|
|
|
11786
11879
|
appStoreBadge,
|
|
11787
11880
|
accessibility,
|
|
11788
11881
|
accessibilityIcon,
|
|
11789
|
-
accessibilityLink
|
|
11882
|
+
accessibilityLink,
|
|
11883
|
+
short
|
|
11790
11884
|
};
|
|
11791
11885
|
const FooterSection = forwardRef(
|
|
11792
11886
|
function FooterSection2({
|
|
11887
|
+
variant = "full",
|
|
11793
11888
|
logo: logo2,
|
|
11794
11889
|
columns,
|
|
11795
11890
|
socialLinks: socialLinks2,
|
|
@@ -11804,54 +11899,57 @@ const FooterSection = forwardRef(
|
|
|
11804
11899
|
className = "",
|
|
11805
11900
|
...rest
|
|
11806
11901
|
}, ref) {
|
|
11902
|
+
const isShort = variant === "short";
|
|
11903
|
+
const logoImg2 = logo2 && /* @__PURE__ */ jsx("img", { src: logo2.src, alt: logo2.alt, className: styles.logoImg });
|
|
11904
|
+
const brand2 = logo2 && /* @__PURE__ */ jsx("div", { className: styles.brand, children: logo2.href ? /* @__PURE__ */ jsx("a", { href: logo2.href, "aria-label": "Home", children: logoImg2 }) : logoImg2 });
|
|
11807
11905
|
return /* @__PURE__ */ jsxs(
|
|
11808
11906
|
"footer",
|
|
11809
11907
|
{
|
|
11810
11908
|
ref,
|
|
11811
|
-
className: [styles.footer, className].filter(Boolean).join(" "),
|
|
11909
|
+
className: [styles.footer, isShort ? styles.short : "", className].filter(Boolean).join(" "),
|
|
11812
11910
|
...rest,
|
|
11813
11911
|
children: [
|
|
11814
11912
|
/* @__PURE__ */ jsx("div", { className: styles.dividerTop, role: "separator" }),
|
|
11815
|
-
/* @__PURE__ */ jsx("div", { className: styles.navContainer, children:
|
|
11816
|
-
"nav"
|
|
11817
|
-
|
|
11818
|
-
|
|
11819
|
-
|
|
11820
|
-
|
|
11821
|
-
|
|
11822
|
-
|
|
11823
|
-
|
|
11824
|
-
|
|
11825
|
-
|
|
11826
|
-
|
|
11827
|
-
|
|
11828
|
-
|
|
11829
|
-
|
|
11830
|
-
|
|
11831
|
-
|
|
11832
|
-
|
|
11833
|
-
|
|
11834
|
-
|
|
11835
|
-
|
|
11836
|
-
|
|
11837
|
-
|
|
11838
|
-
|
|
11839
|
-
|
|
11840
|
-
|
|
11841
|
-
|
|
11842
|
-
|
|
11843
|
-
|
|
11844
|
-
|
|
11845
|
-
|
|
11846
|
-
|
|
11847
|
-
|
|
11848
|
-
|
|
11849
|
-
|
|
11850
|
-
|
|
11851
|
-
|
|
11852
|
-
|
|
11853
|
-
|
|
11854
|
-
)) })
|
|
11913
|
+
/* @__PURE__ */ jsx("div", { className: styles.navContainer, children: (() => {
|
|
11914
|
+
const GridTag = isShort ? "nav" : "div";
|
|
11915
|
+
const ColumnTag = isShort ? "div" : "nav";
|
|
11916
|
+
return /* @__PURE__ */ jsxs(
|
|
11917
|
+
GridTag,
|
|
11918
|
+
{
|
|
11919
|
+
className: styles.navGrid,
|
|
11920
|
+
"aria-label": isShort ? "Footer" : void 0,
|
|
11921
|
+
children: [
|
|
11922
|
+
isShort && brand2 && /* @__PURE__ */ jsx("div", { className: [styles.column, styles.columnBrand].join(" "), children: brand2 }),
|
|
11923
|
+
columns.map((col, index2) => /* @__PURE__ */ jsxs(
|
|
11924
|
+
ColumnTag,
|
|
11925
|
+
{
|
|
11926
|
+
className: [
|
|
11927
|
+
styles.column,
|
|
11928
|
+
!isShort && index2 === 0 && !col.heading ? styles.columnBrand : ""
|
|
11929
|
+
].filter(Boolean).join(" "),
|
|
11930
|
+
"aria-label": isShort ? void 0 : col.heading ?? "Footer navigation",
|
|
11931
|
+
children: [
|
|
11932
|
+
!isShort && index2 === 0 && brand2,
|
|
11933
|
+
col.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: col.heading }),
|
|
11934
|
+
/* @__PURE__ */ jsx("ul", { className: styles.links, children: col.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
|
|
11935
|
+
link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
|
|
11936
|
+
link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
|
|
11937
|
+
] }, link2.label)) }),
|
|
11938
|
+
col.groups && col.groups.map((group) => /* @__PURE__ */ jsxs("div", { className: styles.subGroup, children: [
|
|
11939
|
+
group.heading && /* @__PURE__ */ jsx("h3", { className: styles.heading, children: group.heading }),
|
|
11940
|
+
/* @__PURE__ */ jsx("ul", { className: styles.links, children: group.links.map((link2) => /* @__PURE__ */ jsxs("li", { className: styles.linkItem, children: [
|
|
11941
|
+
link2.icon && /* @__PURE__ */ jsx("span", { className: styles.linkIcon, children: link2.icon }),
|
|
11942
|
+
link2.href ? /* @__PURE__ */ jsx("a", { href: link2.href, className: styles.link, children: link2.label }) : /* @__PURE__ */ jsx("span", { className: styles.link, children: link2.label })
|
|
11943
|
+
] }, link2.label)) })
|
|
11944
|
+
] }, group.heading ?? "sub"))
|
|
11945
|
+
]
|
|
11946
|
+
},
|
|
11947
|
+
col.heading ?? `col-${index2}`
|
|
11948
|
+
))
|
|
11949
|
+
]
|
|
11950
|
+
}
|
|
11951
|
+
);
|
|
11952
|
+
})() }),
|
|
11855
11953
|
/* @__PURE__ */ jsx("div", { className: styles.dividerBottom, role: "separator" }),
|
|
11856
11954
|
/* @__PURE__ */ jsx("div", { className: styles.bottomContainer, children: /* @__PURE__ */ jsxs("div", { className: styles.bottomContent, children: [
|
|
11857
11955
|
/* @__PURE__ */ jsxs("div", { className: styles.bottomLeft, children: [
|
|
@@ -12086,6 +12184,36 @@ const FOOTER_DEFAULTS = {
|
|
|
12086
12184
|
accessibilityHref: "#",
|
|
12087
12185
|
accessibilityIcon: /* @__PURE__ */ jsx("img", { src: iconAccessibility, alt: "", width: 21, height: 21 })
|
|
12088
12186
|
};
|
|
12187
|
+
const FOOTER_SHORT_DEFAULTS = {
|
|
12188
|
+
...FOOTER_DEFAULTS,
|
|
12189
|
+
variant: "short",
|
|
12190
|
+
columns: [
|
|
12191
|
+
{
|
|
12192
|
+
links: [
|
|
12193
|
+
{ label: "Pricing", href: "#" },
|
|
12194
|
+
{ label: "About us", href: "#" }
|
|
12195
|
+
]
|
|
12196
|
+
},
|
|
12197
|
+
{
|
|
12198
|
+
links: [
|
|
12199
|
+
{ label: "24/7 support", href: "#" },
|
|
12200
|
+
{ label: "Customer stories", href: "#" }
|
|
12201
|
+
]
|
|
12202
|
+
},
|
|
12203
|
+
{
|
|
12204
|
+
links: [
|
|
12205
|
+
{ label: "Contact sales", href: "#" },
|
|
12206
|
+
{ label: "Enterprise", href: "#" }
|
|
12207
|
+
]
|
|
12208
|
+
},
|
|
12209
|
+
{
|
|
12210
|
+
links: [
|
|
12211
|
+
{ label: "Integrations", href: "#" },
|
|
12212
|
+
{ label: "Templates", href: "#" }
|
|
12213
|
+
]
|
|
12214
|
+
}
|
|
12215
|
+
]
|
|
12216
|
+
};
|
|
12089
12217
|
export {
|
|
12090
12218
|
BulletsSection as B,
|
|
12091
12219
|
CardsSection as C,
|
|
@@ -12103,20 +12231,21 @@ export {
|
|
|
12103
12231
|
CustomerLogo as e,
|
|
12104
12232
|
CustomerLogoSection as f,
|
|
12105
12233
|
FOOTER_DEFAULTS as g,
|
|
12106
|
-
|
|
12107
|
-
|
|
12108
|
-
|
|
12109
|
-
|
|
12110
|
-
|
|
12111
|
-
|
|
12112
|
-
|
|
12113
|
-
|
|
12114
|
-
|
|
12115
|
-
|
|
12116
|
-
|
|
12117
|
-
|
|
12118
|
-
|
|
12119
|
-
|
|
12120
|
-
|
|
12121
|
-
|
|
12122
|
-
|
|
12234
|
+
FOOTER_SHORT_DEFAULTS as h,
|
|
12235
|
+
FaqSection as i,
|
|
12236
|
+
FeaturesSection as j,
|
|
12237
|
+
FooterSection as k,
|
|
12238
|
+
IntegrationLogo as l,
|
|
12239
|
+
Integrations as m,
|
|
12240
|
+
NumbersSection as n,
|
|
12241
|
+
SliderDots as o,
|
|
12242
|
+
TabList as p,
|
|
12243
|
+
TabPanel as q,
|
|
12244
|
+
Tabs as r,
|
|
12245
|
+
Tag as s,
|
|
12246
|
+
TestimonialsSection as t,
|
|
12247
|
+
TrustBadge as u,
|
|
12248
|
+
TrustBentoSection as v,
|
|
12249
|
+
TrustSection as w
|
|
12250
|
+
};
|
|
12251
|
+
//# sourceMappingURL=footerDefaults-DRDmvQb8.js.map
|