@opensite/ui 3.6.6 → 3.6.7

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/hero-dashed-border-features.cjs +5 -5
  2. package/dist/hero-dashed-border-features.js +5 -5
  3. package/dist/registry.cjs +5 -5
  4. package/dist/registry.js +5 -5
  5. package/package.json +1 -1
package/dist/hero-dashed-border-features.cjs CHANGED
@@ -586,17 +586,17 @@ function HeroDashedBorderFeatures({
586
586
  pressable.Pressable,
587
587
  {
588
588
  className: cn(
589
- "flex items-center gap-6 border-t border-dashed p-4 md:justify-center lg:p-10 ",
589
+ "flex items-center gap-4 border-t border-dashed p-4 md:justify-center lg:p-10 ",
590
590
  feature.href ? "cursor-pointer bg-transparent transition-colors duration-300 hover:bg-card hover:text-card-foreground" : "",
591
591
  index === 1 && "md:border-x",
592
592
  index === 2 ? "border-b" : "md:border-b"
593
593
  ),
594
594
  href: feature.href,
595
595
  children: [
596
- feature.icon || feature.iconName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
596
+ feature.icon || feature.iconName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground ring-1 ring-border", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
597
597
  feature.title || feature.description ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col gap-1", children: [
598
598
  feature.title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-base md:text-lg line-clamp-2", children: feature.title }) : null,
599
- feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base opacity-70 text-balance line-clamp-1", children: feature.description }) : feature.description : null
599
+ feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-70 text-balance line-clamp-2 leading-tight", children: feature.description }) : feature.description : null
600
600
  ] }) : null
601
601
  ]
602
602
  },
@@ -614,7 +614,6 @@ function HeroDashedBorderFeatures({
614
614
  className: cn("relative flex items-center justify-center", className),
615
615
  containerClassName,
616
616
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
617
- (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
618
617
  /* @__PURE__ */ jsxRuntime.jsx(
619
618
  "div",
620
619
  {
@@ -624,11 +623,12 @@ function HeroDashedBorderFeatures({
624
623
  ),
625
624
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
626
625
  renderAnnouncement,
626
+ (logo || logoSlot) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("my-6 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
627
627
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
628
628
  "h1",
629
629
  {
630
630
  className: cn(
631
- "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl leading-tight",
631
+ "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl text-balance",
632
632
  headingClassName
633
633
  ),
634
634
  children: heading
package/dist/hero-dashed-border-features.js CHANGED
@@ -565,17 +565,17 @@ function HeroDashedBorderFeatures({
565
565
  Pressable,
566
566
  {
567
567
  className: cn(
568
- "flex items-center gap-6 border-t border-dashed p-4 md:justify-center lg:p-10 ",
568
+ "flex items-center gap-4 border-t border-dashed p-4 md:justify-center lg:p-10 ",
569
569
  feature.href ? "cursor-pointer bg-transparent transition-colors duration-300 hover:bg-card hover:text-card-foreground" : "",
570
570
  index === 1 && "md:border-x",
571
571
  index === 2 ? "border-b" : "md:border-b"
572
572
  ),
573
573
  href: feature.href,
574
574
  children: [
575
- feature.icon || feature.iconName ? /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
575
+ feature.icon || feature.iconName ? /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground ring-1 ring-border", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
576
576
  feature.title || feature.description ? /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col gap-1", children: [
577
577
  feature.title ? /* @__PURE__ */ jsx("div", { className: "font-medium text-base md:text-lg line-clamp-2", children: feature.title }) : null,
578
- feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base opacity-70 text-balance line-clamp-1", children: feature.description }) : feature.description : null
578
+ feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm opacity-70 text-balance line-clamp-2 leading-tight", children: feature.description }) : feature.description : null
579
579
  ] }) : null
580
580
  ]
581
581
  },
@@ -593,7 +593,6 @@ function HeroDashedBorderFeatures({
593
593
  className: cn("relative flex items-center justify-center", className),
594
594
  containerClassName,
595
595
  children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
596
- (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("mb-6", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
597
596
  /* @__PURE__ */ jsx(
598
597
  "div",
599
598
  {
@@ -603,11 +602,12 @@ function HeroDashedBorderFeatures({
603
602
  ),
604
603
  children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl", children: [
605
604
  renderAnnouncement,
605
+ (logo || logoSlot) && /* @__PURE__ */ jsx("div", { className: cn("my-6 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot, size: "lg" }) }),
606
606
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
607
607
  "h1",
608
608
  {
609
609
  className: cn(
610
- "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl leading-tight",
610
+ "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl text-balance",
611
611
  headingClassName
612
612
  ),
613
613
  children: heading
package/dist/registry.cjs CHANGED
@@ -53157,17 +53157,17 @@ function HeroDashedBorderFeatures({
53157
53157
  pressable.Pressable,
53158
53158
  {
53159
53159
  className: cn(
53160
- "flex items-center gap-6 border-t border-dashed p-4 md:justify-center lg:p-10 ",
53160
+ "flex items-center gap-4 border-t border-dashed p-4 md:justify-center lg:p-10 ",
53161
53161
  feature.href ? "cursor-pointer bg-transparent transition-colors duration-300 hover:bg-card hover:text-card-foreground" : "",
53162
53162
  index === 1 && "md:border-x",
53163
53163
  index === 2 ? "border-b" : "md:border-b"
53164
53164
  ),
53165
53165
  href: feature.href,
53166
53166
  children: [
53167
- feature.icon || feature.iconName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
53167
+ feature.icon || feature.iconName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground ring-1 ring-border", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
53168
53168
  feature.title || feature.description ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left flex flex-col gap-1", children: [
53169
53169
  feature.title ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-base md:text-lg line-clamp-2", children: feature.title }) : null,
53170
- feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm md:text-base opacity-70 text-balance line-clamp-1", children: feature.description }) : feature.description : null
53170
+ feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm opacity-70 text-balance line-clamp-2 leading-tight", children: feature.description }) : feature.description : null
53171
53171
  ] }) : null
53172
53172
  ]
53173
53173
  },
@@ -53185,7 +53185,6 @@ function HeroDashedBorderFeatures({
53185
53185
  className: cn("relative flex items-center justify-center", className),
53186
53186
  containerClassName,
53187
53187
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
53188
- (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-6", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
53189
53188
  /* @__PURE__ */ jsxRuntime.jsx(
53190
53189
  "div",
53191
53190
  {
@@ -53195,11 +53194,12 @@ function HeroDashedBorderFeatures({
53195
53194
  ),
53196
53195
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-3xl", children: [
53197
53196
  renderAnnouncement,
53197
+ (logo || logoSlot2) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("my-6 flex justify-center", logoClassName), children: /* @__PURE__ */ jsxRuntime.jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
53198
53198
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
53199
53199
  "h1",
53200
53200
  {
53201
53201
  className: cn(
53202
- "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl leading-tight",
53202
+ "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl text-balance",
53203
53203
  headingClassName
53204
53204
  ),
53205
53205
  children: heading
package/dist/registry.js CHANGED
@@ -53117,17 +53117,17 @@ function HeroDashedBorderFeatures({
53117
53117
  Pressable,
53118
53118
  {
53119
53119
  className: cn(
53120
- "flex items-center gap-6 border-t border-dashed p-4 md:justify-center lg:p-10 ",
53120
+ "flex items-center gap-4 border-t border-dashed p-4 md:justify-center lg:p-10 ",
53121
53121
  feature.href ? "cursor-pointer bg-transparent transition-colors duration-300 hover:bg-card hover:text-card-foreground" : "",
53122
53122
  index === 1 && "md:border-x",
53123
53123
  index === 2 ? "border-b" : "md:border-b"
53124
53124
  ),
53125
53125
  href: feature.href,
53126
53126
  children: [
53127
- feature.icon || feature.iconName ? /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
53127
+ feature.icon || feature.iconName ? /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-md text-sm lg:size-12 lg:text-base bg-card text-card-foreground ring-1 ring-border", children: /* @__PURE__ */ jsx(DynamicIcon, { name: feature.icon || feature.iconName, size: 20 }) }) : null,
53128
53128
  feature.title || feature.description ? /* @__PURE__ */ jsxs("div", { className: "text-left flex flex-col gap-1", children: [
53129
53129
  feature.title ? /* @__PURE__ */ jsx("div", { className: "font-medium text-base md:text-lg line-clamp-2", children: feature.title }) : null,
53130
- feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm md:text-base opacity-70 text-balance line-clamp-1", children: feature.description }) : feature.description : null
53130
+ feature.description ? typeof feature.description === "string" && feature.description?.length > 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm opacity-70 text-balance line-clamp-2 leading-tight", children: feature.description }) : feature.description : null
53131
53131
  ] }) : null
53132
53132
  ]
53133
53133
  },
@@ -53145,7 +53145,6 @@ function HeroDashedBorderFeatures({
53145
53145
  className: cn("relative flex items-center justify-center", className),
53146
53146
  containerClassName,
53147
53147
  children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
53148
- (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("mb-6", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
53149
53148
  /* @__PURE__ */ jsx(
53150
53149
  "div",
53151
53150
  {
@@ -53155,11 +53154,12 @@ function HeroDashedBorderFeatures({
53155
53154
  ),
53156
53155
  children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl", children: [
53157
53156
  renderAnnouncement,
53157
+ (logo || logoSlot2) && /* @__PURE__ */ jsx("div", { className: cn("my-6 flex justify-center", logoClassName), children: /* @__PURE__ */ jsx(BrandLogo, { logo, logoSlot: logoSlot2, size: "lg" }) }),
53158
53158
  heading && (typeof heading === "string" ? /* @__PURE__ */ jsx(
53159
53159
  "h1",
53160
53160
  {
53161
53161
  className: cn(
53162
- "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl leading-tight",
53162
+ "my-4 mb-6 text-center text-3xl font-semibold lg:text-8xl text-balance",
53163
53163
  headingClassName
53164
53164
  ),
53165
53165
  children: heading
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.6.6",
3
+ "version": "3.6.7",
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",