@opensite/ui 2.7.3 → 2.7.4

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.
@@ -1062,33 +1062,30 @@ function HeroAdCampaignExpert({
1062
1062
  )
1063
1063
  }
1064
1064
  ),
1065
- hasMedia && /* @__PURE__ */ jsxRuntime.jsx(
1066
- "div",
1067
- {
1068
- className: cn(
1069
- "relative flex w-full justify-center lg:w-1/2",
1070
- mediaItem?.containerClassName
1071
- ),
1072
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
1073
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
1074
- AspectRatio,
1075
- {
1076
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1077
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
1078
- children: renderMedia
1079
- }
1080
- ) }),
1081
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
1082
- AspectRatio,
1083
- {
1084
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
1085
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
1086
- children: renderMedia
1087
- }
1088
- ) })
1089
- ] })
1090
- }
1091
- )
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
+ ] }) })
1092
1089
  ] }) })
1093
1090
  }
1094
1091
  );
@@ -1040,33 +1040,30 @@ function HeroAdCampaignExpert({
1040
1040
  )
1041
1041
  }
1042
1042
  ),
1043
- hasMedia && /* @__PURE__ */ jsx(
1044
- "div",
1045
- {
1046
- className: cn(
1047
- "relative flex w-full justify-center lg:w-1/2",
1048
- mediaItem?.containerClassName
1049
- ),
1050
- children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
1051
- /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
1052
- AspectRatio,
1053
- {
1054
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
1055
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
1056
- children: renderMedia
1057
- }
1058
- ) }),
1059
- /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(
1060
- AspectRatio,
1061
- {
1062
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
1063
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
1064
- children: renderMedia
1065
- }
1066
- ) })
1067
- ] })
1068
- }
1069
- )
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
+ ] }) })
1070
1067
  ] }) })
1071
1068
  }
1072
1069
  );
package/dist/registry.cjs CHANGED
@@ -52237,33 +52237,30 @@ function HeroAdCampaignExpert({
52237
52237
  )
52238
52238
  }
52239
52239
  ),
52240
- hasMedia && /* @__PURE__ */ jsxRuntime.jsx(
52241
- "div",
52242
- {
52243
- className: cn(
52244
- "relative flex w-full justify-center lg:w-1/2",
52245
- mediaItem?.containerClassName
52246
- ),
52247
- children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
52248
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
52249
- AspectRatio,
52250
- {
52251
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
52252
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
52253
- children: renderMedia
52254
- }
52255
- ) }),
52256
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
52257
- AspectRatio,
52258
- {
52259
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
52260
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
52261
- children: renderMedia
52262
- }
52263
- ) })
52264
- ] })
52265
- }
52266
- )
52240
+ 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: [
52241
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
52242
+ AspectRatio,
52243
+ {
52244
+ ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
52245
+ className: cn(
52246
+ "border-muted border rounded-xl shadow-xl overflow-hidden",
52247
+ mediaItem?.containerClassName
52248
+ ),
52249
+ children: renderMedia
52250
+ }
52251
+ ) }),
52252
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
52253
+ AspectRatio,
52254
+ {
52255
+ ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
52256
+ className: cn(
52257
+ "border-muted border rounded-xl shadow-xl overflow-hidden",
52258
+ mediaItem?.containerClassName
52259
+ ),
52260
+ children: renderMedia
52261
+ }
52262
+ ) })
52263
+ ] }) })
52267
52264
  ] }) })
52268
52265
  }
52269
52266
  );
package/dist/registry.js CHANGED
@@ -52197,33 +52197,30 @@ function HeroAdCampaignExpert({
52197
52197
  )
52198
52198
  }
52199
52199
  ),
52200
- hasMedia && /* @__PURE__ */ jsx(
52201
- "div",
52202
- {
52203
- className: cn(
52204
- "relative flex w-full justify-center lg:w-1/2",
52205
- mediaItem?.containerClassName
52206
- ),
52207
- children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 -mb-16 h-auto w-[80%] max-w-[355px] lg:w-[520px]", children: [
52208
- /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
52209
- AspectRatio,
52210
- {
52211
- ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
52212
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
52213
- children: renderMedia
52214
- }
52215
- ) }),
52216
- /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(
52217
- AspectRatio,
52218
- {
52219
- ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
52220
- className: "border-muted border rounded-xl shadow-xl overflow-hidden",
52221
- children: renderMedia
52222
- }
52223
- ) })
52224
- ] })
52225
- }
52226
- )
52200
+ 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: [
52201
+ /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
52202
+ AspectRatio,
52203
+ {
52204
+ ratio: ASPECT_RATIOS[mediaAspectRatios.mobile],
52205
+ className: cn(
52206
+ "border-muted border rounded-xl shadow-xl overflow-hidden",
52207
+ mediaItem?.containerClassName
52208
+ ),
52209
+ children: renderMedia
52210
+ }
52211
+ ) }),
52212
+ /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(
52213
+ AspectRatio,
52214
+ {
52215
+ ratio: ASPECT_RATIOS[mediaAspectRatios.desktop],
52216
+ className: cn(
52217
+ "border-muted border rounded-xl shadow-xl overflow-hidden",
52218
+ mediaItem?.containerClassName
52219
+ ),
52220
+ children: renderMedia
52221
+ }
52222
+ ) })
52223
+ ] }) })
52227
52224
  ] }) })
52228
52225
  }
52229
52226
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.7.3",
3
+ "version": "2.7.4",
4
4
  "description": "Foundational UI component library for OpenSite Semantic Site Builder with tree-shakable exports and abstract styling",
5
5
  "keywords": [
6
6
  "react",