@planetaexo/design-system 0.67.0 → 0.68.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.
Files changed (5) hide show
  1. package/dist/index.cjs +37 -35
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +37 -35
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1483,7 +1483,7 @@ function AdventureCard({
1483
1483
  adventure.rooms && adventure.rooms.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-5 mt-1", children: adventure.rooms.map((room, i) => {
1484
1484
  var _a2, _b2;
1485
1485
  const bedLabel = (_b2 = (_a2 = adventure.bedArrangementLabels) == null ? void 0 : _a2[room.bedArrangement]) != null ? _b2 : room.bedArrangement === "DOUBLE" ? "Double" : room.bedArrangement === "TWIN" ? "Twin" : room.bedArrangement === "SINGLE" ? "Single" : "Triple";
1486
- const heading = adventure.accommodationRoomHeading ? adventure.accommodationRoomHeading(room.roomName) : `Accommodation: ${room.roomName}`;
1486
+ const heading = adventure.accommodationRoomHeading ? adventure.accommodationRoomHeading(room.accommodationName) : `Accommodation: ${room.accommodationName}`;
1487
1487
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
1488
1488
  /* @__PURE__ */ jsx("h4", { className: "text-lg font-semibold text-foreground font-heading", children: heading }),
1489
1489
  room.imageUrl && // eslint-disable-next-line @next/next/no-img-element
@@ -1495,9 +1495,8 @@ function AdventureCard({
1495
1495
  className: "w-full h-auto max-w-full rounded"
1496
1496
  }
1497
1497
  ),
1498
- /* @__PURE__ */ jsx("div", { className: "text-base font-semibold text-foreground", children: `${room.qty}\xD7 ${room.roomName}` }),
1499
- /* @__PURE__ */ jsxs("div", { className: "text-sm text-foreground/70 flex items-center gap-2 flex-wrap", children: [
1500
- /* @__PURE__ */ jsx("span", { children: room.accommodationName }),
1498
+ /* @__PURE__ */ jsxs("div", { className: "text-base font-semibold text-foreground flex items-center gap-2 flex-wrap", children: [
1499
+ /* @__PURE__ */ jsx("span", { children: `${room.qty}\xD7 ${room.roomName}` }),
1501
1500
  /* @__PURE__ */ jsx("span", { className: "inline-block px-2 py-0.5 text-xs font-semibold bg-primary/10 text-primary rounded uppercase tracking-wide", children: bedLabel })
1502
1501
  ] }),
1503
1502
  room.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-foreground/70 leading-snug", children: room.description })
@@ -4556,7 +4555,7 @@ function BookingAdventureCard({
4556
4555
  lineHeight: "1.3",
4557
4556
  margin: "0 0 8px 0"
4558
4557
  },
4559
- children: l.accommodationRoomHeading(room.roomName)
4558
+ children: l.accommodationRoomHeading(room.accommodationName)
4560
4559
  }
4561
4560
  ),
4562
4561
  room.imageUrl && /* @__PURE__ */ jsx("div", { style: { marginBottom: "8px" }, children: /* @__PURE__ */ jsx(
@@ -4585,27 +4584,23 @@ function BookingAdventureCard({
4585
4584
  children: `${room.qty}\xD7 ${room.roomName}`
4586
4585
  }
4587
4586
  ),
4588
- /* @__PURE__ */ jsxs("div", { style: { fontSize: "12px", color: emailTokens.mutedForeground }, children: [
4589
- room.accommodationName,
4590
- /* @__PURE__ */ jsx(
4591
- "span",
4592
- {
4593
- style: {
4594
- display: "inline-block",
4595
- marginLeft: "8px",
4596
- padding: "1px 6px",
4597
- fontSize: "10px",
4598
- fontWeight: 600,
4599
- color: emailTokens.primary,
4600
- backgroundColor: emailTokens.primaryLight,
4601
- borderRadius: "4px",
4602
- textTransform: "uppercase",
4603
- letterSpacing: "0.05em"
4604
- },
4605
- children: l.bedArrangementLabels[room.bedArrangement]
4606
- }
4607
- )
4608
- ] }),
4587
+ /* @__PURE__ */ jsx("div", { style: { fontSize: "12px", color: emailTokens.mutedForeground }, children: /* @__PURE__ */ jsx(
4588
+ "span",
4589
+ {
4590
+ style: {
4591
+ display: "inline-block",
4592
+ padding: "1px 6px",
4593
+ fontSize: "10px",
4594
+ fontWeight: 600,
4595
+ color: emailTokens.primary,
4596
+ backgroundColor: emailTokens.primaryLight,
4597
+ borderRadius: "4px",
4598
+ textTransform: "uppercase",
4599
+ letterSpacing: "0.05em"
4600
+ },
4601
+ children: l.bedArrangementLabels[room.bedArrangement]
4602
+ }
4603
+ ) }),
4609
4604
  room.description && /* @__PURE__ */ jsx(
4610
4605
  "div",
4611
4606
  {
@@ -14727,15 +14722,22 @@ function SiteFooter({
14727
14722
  }) }),
14728
14723
  badges && badges.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-5 pt-2", children: badges.map((b, i) => {
14729
14724
  var _a, _b;
14730
- const content = (_b = b.node) != null ? _b : /* @__PURE__ */ jsx(
14731
- "img",
14732
- {
14733
- src: b.src,
14734
- alt: b.alt,
14735
- style: { height: (_a = b.height) != null ? _a : 56 },
14736
- className: "block w-auto object-contain",
14737
- draggable: false
14738
- }
14725
+ const content = (_b = b.node) != null ? _b : (
14726
+ // Footer membership badges are below the fold. Lazy-load
14727
+ // them so their (large) source files don't load eagerly and
14728
+ // starve above-the-fold bandwidth / the LCP on slow mobile.
14729
+ /* @__PURE__ */ jsx(
14730
+ "img",
14731
+ {
14732
+ src: b.src,
14733
+ alt: b.alt,
14734
+ style: { height: (_a = b.height) != null ? _a : 56 },
14735
+ className: "block w-auto object-contain",
14736
+ loading: "lazy",
14737
+ decoding: "async",
14738
+ draggable: false
14739
+ }
14740
+ )
14739
14741
  );
14740
14742
  const wrapper = /* @__PURE__ */ jsx(
14741
14743
  "span",