@opensite/ui 2.7.4 → 2.7.6

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 (35) hide show
  1. package/dist/about-network-spotlight.cjs +1 -2
  2. package/dist/about-network-spotlight.js +1 -2
  3. package/dist/about-story-expertise.cjs +33 -43
  4. package/dist/about-story-expertise.js +33 -43
  5. package/dist/blog-tech-insights.cjs +2 -2
  6. package/dist/blog-tech-insights.js +2 -2
  7. package/dist/cta-case-study-testimonial.cjs +6 -41
  8. package/dist/cta-case-study-testimonial.d.cts +3 -10
  9. package/dist/cta-case-study-testimonial.d.ts +3 -10
  10. package/dist/cta-case-study-testimonial.js +6 -41
  11. package/dist/cta-documentation-links.cjs +6 -31
  12. package/dist/cta-documentation-links.d.cts +1 -1
  13. package/dist/cta-documentation-links.d.ts +1 -1
  14. package/dist/cta-documentation-links.js +6 -31
  15. package/dist/cta-enterprise-split.cjs +4 -3
  16. package/dist/cta-enterprise-split.d.cts +1 -1
  17. package/dist/cta-enterprise-split.d.ts +1 -1
  18. package/dist/cta-enterprise-split.js +4 -3
  19. package/dist/cta-feature-cards-grid.cjs +9 -46
  20. package/dist/cta-feature-cards-grid.d.cts +1 -1
  21. package/dist/cta-feature-cards-grid.d.ts +1 -1
  22. package/dist/cta-feature-cards-grid.js +9 -46
  23. package/dist/cta-feature-checklist.cjs +666 -687
  24. package/dist/cta-feature-checklist.d.cts +1 -1
  25. package/dist/cta-feature-checklist.d.ts +1 -1
  26. package/dist/cta-feature-checklist.js +665 -686
  27. package/dist/feature-animated-carousel.cjs +1 -1
  28. package/dist/feature-animated-carousel.js +1 -1
  29. package/dist/hero-ad-campaign-expert.cjs +54 -36
  30. package/dist/hero-ad-campaign-expert.js +54 -36
  31. package/dist/registry.cjs +176 -199
  32. package/dist/registry.js +176 -199
  33. package/dist/stats-impact-grid.cjs +48 -39
  34. package/dist/stats-impact-grid.js +48 -39
  35. package/package.json +1 -1
@@ -952,7 +952,7 @@ var FeatureCard = React7__namespace.memo(
952
952
  delay: 0.3,
953
953
  ease: "easeOut"
954
954
  },
955
- className: "p-6 text-sm md:p-8 md:text-base text-balance",
955
+ className: "p-6 text-sm md:p-8 md:text-base text-pretty",
956
956
  children: (feature.title || feature.description) && /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
957
957
  feature.title && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold", children: [
958
958
  feature.title,
@@ -931,7 +931,7 @@ var FeatureCard = React7.memo(
931
931
  delay: 0.3,
932
932
  ease: "easeOut"
933
933
  },
934
- className: "p-6 text-sm md:p-8 md:text-base text-balance",
934
+ className: "p-6 text-sm md:p-8 md:text-base text-pretty",
935
935
  children: (feature.title || feature.description) && /* @__PURE__ */ jsxs("p", { children: [
936
936
  feature.title && /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
937
937
  feature.title,
@@ -1051,42 +1051,60 @@ function HeroAdCampaignExpert({
1051
1051
  patternOpacity,
1052
1052
  className,
1053
1053
  containerClassName,
1054
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center", mobileOrder, desktopOrder), children: [
1055
- /* @__PURE__ */ jsxRuntime.jsx(
1056
- ContentGroup,
1057
- {
1058
- items: headerItems,
1059
- className: cn(
1060
- "relative flex flex-col items-start gap-8 pb-20 lg:w-1/2",
1061
- contentClassName
1062
- )
1063
- }
1064
- ),
1065
- hasMedia && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative flex w-full justify-center lg:w-1/2"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
1066
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
1067
- AspectRatio,
1068
- {
1069
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1070
- className: cn(
1071
- "border-muted border rounded-xl shadow-xl overflow-hidden",
1072
- mediaItem?.containerClassName
1073
- ),
1074
- children: renderMedia
1075
- }
1076
- ) }),
1077
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
1078
- AspectRatio,
1079
- {
1080
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
1081
- className: cn(
1082
- "border-muted border rounded-xl shadow-xl overflow-hidden",
1083
- mediaItem?.containerClassName
1084
- ),
1085
- children: renderMedia
1086
- }
1087
- ) })
1088
- ] }) })
1089
- ] }) })
1054
+ children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
1055
+ "div",
1056
+ {
1057
+ className: cn(
1058
+ "flex items-center gap-12 md:gap-16 lg:gap-24",
1059
+ mobileOrder,
1060
+ desktopOrder
1061
+ ),
1062
+ children: [
1063
+ /* @__PURE__ */ jsxRuntime.jsx(
1064
+ ContentGroup,
1065
+ {
1066
+ items: headerItems,
1067
+ className: cn(
1068
+ "relative flex flex-col items-start gap-8 lg:w-1/2",
1069
+ contentClassName
1070
+ )
1071
+ }
1072
+ ),
1073
+ hasMedia && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2"), children: [
1074
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-auto w-[80%] max-w-[355px] lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
1075
+ AspectRatio,
1076
+ {
1077
+ ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1078
+ className: cn(
1079
+ "rounded-xl shadow-2xl overflow-hidden",
1080
+ mediaItem?.containerClassName
1081
+ ),
1082
+ children: renderMedia
1083
+ }
1084
+ ) }),
1085
+ /* @__PURE__ */ jsxRuntime.jsx(
1086
+ "div",
1087
+ {
1088
+ className: "hidden lg:block max-h-[70dvh] w-auto",
1089
+ style: {
1090
+ aspectRatio: ASPECT_RATIOS[mediaAspectRatios.desktop]
1091
+ },
1092
+ children: /* @__PURE__ */ jsxRuntime.jsx(
1093
+ "div",
1094
+ {
1095
+ className: cn(
1096
+ "size-full rounded-xl shadow-2xl overflow-hidden",
1097
+ mediaItem?.containerClassName
1098
+ ),
1099
+ children: renderMedia
1100
+ }
1101
+ )
1102
+ }
1103
+ )
1104
+ ] })
1105
+ ]
1106
+ }
1107
+ ) })
1090
1108
  }
1091
1109
  );
1092
1110
  }
@@ -1029,42 +1029,60 @@ function HeroAdCampaignExpert({
1029
1029
  patternOpacity,
1030
1030
  className,
1031
1031
  containerClassName,
1032
- children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: cn("flex items-center", mobileOrder, desktopOrder), children: [
1033
- /* @__PURE__ */ jsx(
1034
- ContentGroup,
1035
- {
1036
- items: headerItems,
1037
- className: cn(
1038
- "relative flex flex-col items-start gap-8 pb-20 lg:w-1/2",
1039
- contentClassName
1040
- )
1041
- }
1042
- ),
1043
- hasMedia && /* @__PURE__ */ jsx("div", { className: cn("relative flex w-full justify-center lg:w-1/2"), children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
1044
- /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
1045
- AspectRatio,
1046
- {
1047
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1048
- className: cn(
1049
- "border-muted border rounded-xl shadow-xl overflow-hidden",
1050
- mediaItem?.containerClassName
1051
- ),
1052
- children: renderMedia
1053
- }
1054
- ) }),
1055
- /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(
1056
- AspectRatio,
1057
- {
1058
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
1059
- className: cn(
1060
- "border-muted border rounded-xl shadow-xl overflow-hidden",
1061
- mediaItem?.containerClassName
1062
- ),
1063
- children: renderMedia
1064
- }
1065
- ) })
1066
- ] }) })
1067
- ] }) })
1032
+ children: /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
1033
+ "div",
1034
+ {
1035
+ className: cn(
1036
+ "flex items-center gap-12 md:gap-16 lg:gap-24",
1037
+ mobileOrder,
1038
+ desktopOrder
1039
+ ),
1040
+ children: [
1041
+ /* @__PURE__ */ jsx(
1042
+ ContentGroup,
1043
+ {
1044
+ items: headerItems,
1045
+ className: cn(
1046
+ "relative flex flex-col items-start gap-8 lg:w-1/2",
1047
+ contentClassName
1048
+ )
1049
+ }
1050
+ ),
1051
+ hasMedia && /* @__PURE__ */ jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2"), children: [
1052
+ /* @__PURE__ */ jsx("div", { className: "relative h-auto w-[80%] max-w-[355px] lg:hidden", children: /* @__PURE__ */ jsx(
1053
+ AspectRatio,
1054
+ {
1055
+ ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1056
+ className: cn(
1057
+ "rounded-xl shadow-2xl overflow-hidden",
1058
+ mediaItem?.containerClassName
1059
+ ),
1060
+ children: renderMedia
1061
+ }
1062
+ ) }),
1063
+ /* @__PURE__ */ jsx(
1064
+ "div",
1065
+ {
1066
+ className: "hidden lg:block max-h-[70dvh] w-auto",
1067
+ style: {
1068
+ aspectRatio: ASPECT_RATIOS[mediaAspectRatios.desktop]
1069
+ },
1070
+ children: /* @__PURE__ */ jsx(
1071
+ "div",
1072
+ {
1073
+ className: cn(
1074
+ "size-full rounded-xl shadow-2xl overflow-hidden",
1075
+ mediaItem?.containerClassName
1076
+ ),
1077
+ children: renderMedia
1078
+ }
1079
+ )
1080
+ }
1081
+ )
1082
+ ] })
1083
+ ]
1084
+ }
1085
+ ) })
1068
1086
  }
1069
1087
  );
1070
1088
  }