@landtrustinc/design-system 1.2.58 → 1.2.59

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 (3) hide show
  1. package/dist/index.js +54 -92
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -10571,57 +10571,31 @@ var cardContainerStyles3 = (orientation, hasContentBackground, hasClickHandler)
10571
10571
  }
10572
10572
  `}
10573
10573
  `;
10574
- var imageContainerStyles = (orientation, size = "md") => import_react73.css`
10574
+ var imageContainerStyles = (orientation) => import_react73.css`
10575
10575
  width: 100%;
10576
10576
  height: 260px;
10577
10577
 
10578
- ${size === "xs" && import_react73.css`
10579
- aspect-ratio: 1;
10580
- height: auto;
10581
- `}
10582
-
10583
10578
  ${orientation === "horizontal" && import_react73.css`
10584
10579
  ${media.md} {
10585
10580
  width: 40%;
10586
10581
  height: 200px;
10587
-
10588
- ${size === "xs" && import_react73.css`
10589
- aspect-ratio: 1;
10590
- height: auto;
10591
- `}
10592
- }
10593
10582
  `}
10594
10583
  `;
10595
- var imageBoxStyles = (orientation, size = "md") => import_react73.css`
10584
+ var imageBoxStyles = (orientation) => import_react73.css`
10596
10585
  height: 260px;
10597
-
10598
- ${size === "xs" && import_react73.css`
10599
- aspect-ratio: 1;
10600
- height: auto;
10601
- `}
10602
-
10603
10586
  ${orientation === "horizontal" && import_react73.css`
10604
10587
  ${media.md} {
10605
10588
  height: 200px;
10606
-
10607
- ${size === "xs" && import_react73.css`
10608
- aspect-ratio: 1;
10609
- height: auto;
10610
- `}
10611
10589
  }
10612
10590
  `}
10613
10591
  `;
10614
- var contentContainerStyles = (orientation, hasContentBackground, size = "md") => import_react73.css`
10592
+ var contentContainerStyles = (orientation, hasContentBackground) => import_react73.css`
10615
10593
  ${hasContentBackground ? contentWithBackgroundStyles : contentWithoutBackgroundStyles}
10616
10594
  width: 100%;
10617
10595
  display: flex;
10618
10596
  flex-direction: column;
10619
10597
  justify-content: flex-start;
10620
10598
 
10621
- ${size === "xs" && import_react73.css`
10622
- padding: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2);
10623
- `}
10624
-
10625
10599
  ${orientation === "horizontal" && import_react73.css`
10626
10600
  ${media.md} {
10627
10601
  width: 60%;
@@ -10729,30 +10703,24 @@ var PackageCard = ({
10729
10703
  {
10730
10704
  overflow: "hidden",
10731
10705
  borderRadius: "var(--spacing-4)",
10732
- css: imageContainerStyles(orientation, size),
10706
+ css: imageContainerStyles(orientation),
10733
10707
  children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "100%", height: "100%", borderRadius: 16 })
10734
10708
  }
10735
10709
  ),
10736
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10710
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
10737
10711
  Box_default,
10738
10712
  {
10739
- css: contentContainerStyles(orientation, hasContentBackground, size),
10740
- children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
10741
- Box_default,
10742
- {
10743
- display: "flex",
10744
- flexDirection: "column",
10745
- gap: "var(--spacing-1)",
10746
- mb: "var(--spacing-1)",
10747
- children: [
10748
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "80%", height: 16, borderRadius: 4 }),
10749
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "60%", height: 14, borderRadius: 4 }),
10750
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "40%", height: 14, borderRadius: 4 })
10751
- ]
10752
- }
10753
- )
10713
+ display: "flex",
10714
+ flexDirection: "column",
10715
+ gap: "var(--spacing-1)",
10716
+ mb: "var(--spacing-1)",
10717
+ children: [
10718
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "80%", height: 16, borderRadius: 4 }),
10719
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "60%", height: 14, borderRadius: 4 }),
10720
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(import_react_loading_skeleton2.default, { width: "40%", height: 14, borderRadius: 4 })
10721
+ ]
10754
10722
  }
10755
- )
10723
+ ) })
10756
10724
  ]
10757
10725
  }
10758
10726
  );
@@ -10776,7 +10744,7 @@ var PackageCard = ({
10776
10744
  position: "relative",
10777
10745
  overflow: "hidden",
10778
10746
  borderRadius: "var(--spacing-4)",
10779
- css: imageContainerStyles(orientation, size),
10747
+ css: imageContainerStyles(orientation),
10780
10748
  children: [
10781
10749
  availabilityBadges == null ? void 0 : availabilityBadges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10782
10750
  AvailabilityBadge_default,
@@ -10804,7 +10772,7 @@ var PackageCard = ({
10804
10772
  width: "100%",
10805
10773
  css: [
10806
10774
  imageStyles3,
10807
- imageBoxStyles(orientation, size),
10775
+ imageBoxStyles(orientation),
10808
10776
  {
10809
10777
  backgroundImage: `linear-gradient(181deg, rgba(0, 0, 0, 0.00) 75.32%, rgba(0, 0, 0, 0.40) 99.41%), url(${image})`
10810
10778
  }
@@ -10847,50 +10815,44 @@ var PackageCard = ({
10847
10815
  }
10848
10816
  ),
10849
10817
  actions && actions.length > 0 && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { css: actionMenuStyles, children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(ActionMenu_default, { actions }) }),
10850
- /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
10851
- Box_default,
10852
- {
10853
- css: contentContainerStyles(orientation, hasContentBackground, size),
10854
- children: [
10855
- /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
10856
- Box_default,
10857
- {
10858
- display: "flex",
10859
- flexDirection: "column",
10860
- gap: "var(--spacing-1)",
10861
- mb: "var(--spacing-1)",
10862
- children: [
10863
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Text_default, { size: size === "xs" ? "sm" : "md", fontWeight: "bold", children: title }) }),
10864
- /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "bold", children: subtitle }) }),
10865
- startingPrice && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "normal", children: [
10866
- "Starting Price ",
10867
- startingPrice,
10868
- " / Guest"
10869
- ] }) })
10870
- ]
10871
- }
10872
- ),
10873
- badges && badges.length > 0 && size !== "xs" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10874
- Box_default,
10818
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Box_default, { css: contentContainerStyles(orientation, hasContentBackground), children: [
10819
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(
10820
+ Box_default,
10821
+ {
10822
+ display: "flex",
10823
+ flexDirection: "column",
10824
+ gap: "var(--spacing-1)",
10825
+ mb: "var(--spacing-1)",
10826
+ children: [
10827
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Text_default, { size: size === "xs" ? "sm" : "md", fontWeight: "bold", children: title }) }),
10828
+ /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "bold", children: subtitle }) }),
10829
+ startingPrice && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(Box_default, { children: /* @__PURE__ */ (0, import_jsx_runtime263.jsxs)(Text_default, { size: size === "xs" ? "xs" : "sm", fontWeight: "normal", children: [
10830
+ "Starting Price ",
10831
+ startingPrice,
10832
+ " / Guest"
10833
+ ] }) })
10834
+ ]
10835
+ }
10836
+ ),
10837
+ badges && badges.length > 0 && size !== "xs" && /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10838
+ Box_default,
10839
+ {
10840
+ display: "flex",
10841
+ gap: "var(--spacing-2) var(--spacing-4)",
10842
+ alignItems: "center",
10843
+ flexWrap: "wrap",
10844
+ children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10845
+ IconLabel_default,
10875
10846
  {
10876
- display: "flex",
10877
- gap: "var(--spacing-2) var(--spacing-4)",
10878
- alignItems: "center",
10879
- flexWrap: "wrap",
10880
- children: badges.map((badge2, index) => /* @__PURE__ */ (0, import_jsx_runtime263.jsx)(
10881
- IconLabel_default,
10882
- {
10883
- iconSize: badge2.iconSize || "medium",
10884
- label: badge2.label,
10885
- variant: badge2.variant
10886
- },
10887
- `badge-${badge2.variant}-${index}`
10888
- ))
10889
- }
10890
- )
10891
- ]
10892
- }
10893
- )
10847
+ iconSize: badge2.iconSize || "medium",
10848
+ label: badge2.label,
10849
+ variant: badge2.variant
10850
+ },
10851
+ `badge-${badge2.variant}-${index}`
10852
+ ))
10853
+ }
10854
+ )
10855
+ ] })
10894
10856
  ]
10895
10857
  }
10896
10858
  );