@opensite/ui 2.4.5 → 2.4.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.
@@ -1014,8 +1014,8 @@ function HeroEventRegistration({
1014
1014
  {
1015
1015
  className: cn(
1016
1016
  "bg-card text-card-foreground",
1017
- "rounded-xl p-2 md:p-4 shadow-lg",
1018
- "absolute -bottom-4",
1017
+ "rounded-2xl p-2 md:p-4 shadow-lg",
1018
+ "absolute bottom-1/2 -translate-y-1/2",
1019
1019
  "left-1/2 -translate-x-1/2 w-[90%]",
1020
1020
  "md:-left-4 md:translate-x-0 md:w-auto",
1021
1021
  "ring-4 ring-primary"
@@ -1036,11 +1036,19 @@ function HeroEventRegistration({
1036
1036
  {
1037
1037
  className: cn(
1038
1038
  "flex flex-col items-start justify-center",
1039
- "text-card-foreground gap-0 pr-1 md:pr-2"
1039
+ "text-card-foreground gap-0 pr-0 md:pr-2"
1040
1040
  ),
1041
1041
  children: [
1042
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
1043
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
1042
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
1043
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
1044
+ "div",
1045
+ {
1046
+ className: cn(
1047
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
1048
+ ),
1049
+ children: locationSublabel
1050
+ }
1051
+ ) : locationSublabel)
1044
1052
  ]
1045
1053
  }
1046
1054
  )
@@ -1056,7 +1064,7 @@ function HeroEventRegistration({
1056
1064
  "div",
1057
1065
  {
1058
1066
  className: cn(
1059
- "overflow-hidden rounded-2xl shadow-xl",
1067
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
1060
1068
  imageClassName
1061
1069
  ),
1062
1070
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1064,7 +1072,7 @@ function HeroEventRegistration({
1064
1072
  {
1065
1073
  src: image.src,
1066
1074
  alt: image.alt,
1067
- className: cn("aspect-4/3 w-full object-cover", image.className),
1075
+ className: cn("aspect-square w-full object-cover", image.className),
1068
1076
  optixFlowConfig
1069
1077
  }
1070
1078
  )
@@ -1129,7 +1137,7 @@ function HeroEventRegistration({
1129
1137
  {
1130
1138
  actions,
1131
1139
  actionsSlot,
1132
- actionsClassName
1140
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
1133
1141
  }
1134
1142
  ),
1135
1143
  renderStats
@@ -993,8 +993,8 @@ function HeroEventRegistration({
993
993
  {
994
994
  className: cn(
995
995
  "bg-card text-card-foreground",
996
- "rounded-xl p-2 md:p-4 shadow-lg",
997
- "absolute -bottom-4",
996
+ "rounded-2xl p-2 md:p-4 shadow-lg",
997
+ "absolute bottom-1/2 -translate-y-1/2",
998
998
  "left-1/2 -translate-x-1/2 w-[90%]",
999
999
  "md:-left-4 md:translate-x-0 md:w-auto",
1000
1000
  "ring-4 ring-primary"
@@ -1015,11 +1015,19 @@ function HeroEventRegistration({
1015
1015
  {
1016
1016
  className: cn(
1017
1017
  "flex flex-col items-start justify-center",
1018
- "text-card-foreground gap-0 pr-1 md:pr-2"
1018
+ "text-card-foreground gap-0 pr-0 md:pr-2"
1019
1019
  ),
1020
1020
  children: [
1021
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
1022
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
1021
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
1022
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx(
1023
+ "div",
1024
+ {
1025
+ className: cn(
1026
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
1027
+ ),
1028
+ children: locationSublabel
1029
+ }
1030
+ ) : locationSublabel)
1023
1031
  ]
1024
1032
  }
1025
1033
  )
@@ -1035,7 +1043,7 @@ function HeroEventRegistration({
1035
1043
  "div",
1036
1044
  {
1037
1045
  className: cn(
1038
- "overflow-hidden rounded-2xl shadow-xl",
1046
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
1039
1047
  imageClassName
1040
1048
  ),
1041
1049
  children: /* @__PURE__ */ jsx(
@@ -1043,7 +1051,7 @@ function HeroEventRegistration({
1043
1051
  {
1044
1052
  src: image.src,
1045
1053
  alt: image.alt,
1046
- className: cn("aspect-4/3 w-full object-cover", image.className),
1054
+ className: cn("aspect-square w-full object-cover", image.className),
1047
1055
  optixFlowConfig
1048
1056
  }
1049
1057
  )
@@ -1108,7 +1116,7 @@ function HeroEventRegistration({
1108
1116
  {
1109
1117
  actions,
1110
1118
  actionsSlot,
1111
- actionsClassName
1119
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
1112
1120
  }
1113
1121
  ),
1114
1122
  renderStats
package/dist/registry.cjs CHANGED
@@ -58459,8 +58459,8 @@ function HeroEventRegistration({
58459
58459
  {
58460
58460
  className: cn(
58461
58461
  "bg-card text-card-foreground",
58462
- "rounded-xl p-2 md:p-4 shadow-lg",
58463
- "absolute -bottom-4",
58462
+ "rounded-2xl p-2 md:p-4 shadow-lg",
58463
+ "absolute bottom-1/2 -translate-y-1/2",
58464
58464
  "left-1/2 -translate-x-1/2 w-[90%]",
58465
58465
  "md:-left-4 md:translate-x-0 md:w-auto",
58466
58466
  "ring-4 ring-primary"
@@ -58481,11 +58481,19 @@ function HeroEventRegistration({
58481
58481
  {
58482
58482
  className: cn(
58483
58483
  "flex flex-col items-start justify-center",
58484
- "text-card-foreground gap-0 pr-1 md:pr-2"
58484
+ "text-card-foreground gap-0 pr-0 md:pr-2"
58485
58485
  ),
58486
58486
  children: [
58487
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
58488
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
58487
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
58488
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58489
+ "div",
58490
+ {
58491
+ className: cn(
58492
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
58493
+ ),
58494
+ children: locationSublabel
58495
+ }
58496
+ ) : locationSublabel)
58489
58497
  ]
58490
58498
  }
58491
58499
  )
@@ -58501,7 +58509,7 @@ function HeroEventRegistration({
58501
58509
  "div",
58502
58510
  {
58503
58511
  className: cn(
58504
- "overflow-hidden rounded-2xl shadow-xl",
58512
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
58505
58513
  imageClassName
58506
58514
  ),
58507
58515
  children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -58509,7 +58517,7 @@ function HeroEventRegistration({
58509
58517
  {
58510
58518
  src: image.src,
58511
58519
  alt: image.alt,
58512
- className: cn("aspect-4/3 w-full object-cover", image.className),
58520
+ className: cn("aspect-square w-full object-cover", image.className),
58513
58521
  optixFlowConfig
58514
58522
  }
58515
58523
  )
@@ -58574,7 +58582,7 @@ function HeroEventRegistration({
58574
58582
  {
58575
58583
  actions,
58576
58584
  actionsSlot,
58577
- actionsClassName
58585
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
58578
58586
  }
58579
58587
  ),
58580
58588
  renderStats
package/dist/registry.js CHANGED
@@ -58419,8 +58419,8 @@ function HeroEventRegistration({
58419
58419
  {
58420
58420
  className: cn(
58421
58421
  "bg-card text-card-foreground",
58422
- "rounded-xl p-2 md:p-4 shadow-lg",
58423
- "absolute -bottom-4",
58422
+ "rounded-2xl p-2 md:p-4 shadow-lg",
58423
+ "absolute bottom-1/2 -translate-y-1/2",
58424
58424
  "left-1/2 -translate-x-1/2 w-[90%]",
58425
58425
  "md:-left-4 md:translate-x-0 md:w-auto",
58426
58426
  "ring-4 ring-primary"
@@ -58441,11 +58441,19 @@ function HeroEventRegistration({
58441
58441
  {
58442
58442
  className: cn(
58443
58443
  "flex flex-col items-start justify-center",
58444
- "text-card-foreground gap-0 pr-1 md:pr-2"
58444
+ "text-card-foreground gap-0 pr-0 md:pr-2"
58445
58445
  ),
58446
58446
  children: [
58447
- locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "font-semibold", children: locationLabel }) : locationLabel),
58448
- locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx("div", { className: cn("text-xs"), children: locationSublabel }) : locationSublabel)
58447
+ locationLabel && (typeof locationLabel === "string" ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal font-semibold", children: locationLabel }) : locationLabel),
58448
+ locationSublabel && (typeof locationSublabel === "string" ? /* @__PURE__ */ jsx(
58449
+ "div",
58450
+ {
58451
+ className: cn(
58452
+ "text-xs md:text-sm text-balance leading-tight md:leading-normal tracking-tighter md:tracking-normal"
58453
+ ),
58454
+ children: locationSublabel
58455
+ }
58456
+ ) : locationSublabel)
58449
58457
  ]
58450
58458
  }
58451
58459
  )
@@ -58461,7 +58469,7 @@ function HeroEventRegistration({
58461
58469
  "div",
58462
58470
  {
58463
58471
  className: cn(
58464
- "overflow-hidden rounded-2xl shadow-xl",
58472
+ "overflow-hidden rounded-2xl shadow-xl ring-4 ring-primary",
58465
58473
  imageClassName
58466
58474
  ),
58467
58475
  children: /* @__PURE__ */ jsx(
@@ -58469,7 +58477,7 @@ function HeroEventRegistration({
58469
58477
  {
58470
58478
  src: image.src,
58471
58479
  alt: image.alt,
58472
- className: cn("aspect-4/3 w-full object-cover", image.className),
58480
+ className: cn("aspect-square w-full object-cover", image.className),
58473
58481
  optixFlowConfig
58474
58482
  }
58475
58483
  )
@@ -58534,7 +58542,7 @@ function HeroEventRegistration({
58534
58542
  {
58535
58543
  actions,
58536
58544
  actionsSlot,
58537
- actionsClassName
58545
+ actionsClassName: cn("w-full md:w-fit", actionsClassName)
58538
58546
  }
58539
58547
  ),
58540
58548
  renderStats
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.4.5",
3
+ "version": "2.4.6",
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",