@opensite/ui 3.4.0 → 3.4.1

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 (7) hide show
  1. package/dist/hero-business-operations-mosaic.cjs +16 -7
  2. package/dist/hero-business-operations-mosaic.js +16 -7
  3. package/dist/registry.cjs +16 -7
  4. package/dist/registry.js +16 -7
  5. package/dist/social-link-icon.d.cts +1 -1
  6. package/dist/social-link-icon.d.ts +1 -1
  7. package/package.json +1 -1
package/dist/hero-business-operations-mosaic.cjs CHANGED
@@ -506,7 +506,7 @@ function HeroBusinessOperationsMosaic({
506
506
  actionsSlot,
507
507
  actionsClassName,
508
508
  background,
509
- spacing = "xl",
509
+ spacing = "hero",
510
510
  pattern,
511
511
  patternOpacity,
512
512
  className,
@@ -568,13 +568,13 @@ function HeroBusinessOperationsMosaic({
568
568
  patternOpacity,
569
569
  className,
570
570
  containerClassName,
571
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
571
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
572
572
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
573
573
  /* @__PURE__ */ jsxRuntime.jsxs(
574
574
  "div",
575
575
  {
576
576
  className: cn(
577
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
577
+ "flex w-full max-w-full flex-col gap-6",
578
578
  contentClassName
579
579
  ),
580
580
  children: [
@@ -582,13 +582,22 @@ function HeroBusinessOperationsMosaic({
582
582
  "h1",
583
583
  {
584
584
  className: cn(
585
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
585
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
586
586
  headingClassName
587
587
  ),
588
588
  children: heading
589
589
  }
590
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
591
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
590
+ ) : heading),
591
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
592
+ "p",
593
+ {
594
+ className: cn(
595
+ "text-lg md:text-xl text-balance",
596
+ descriptionClassName
597
+ ),
598
+ children: description
599
+ }
600
+ ) : description),
592
601
  /* @__PURE__ */ jsxRuntime.jsx(
593
602
  BlockActions,
594
603
  {
@@ -600,7 +609,7 @@ function HeroBusinessOperationsMosaic({
600
609
  ]
601
610
  }
602
611
  )
603
- ] }) })
612
+ ] })
604
613
  }
605
614
  );
606
615
  }
package/dist/hero-business-operations-mosaic.js CHANGED
@@ -481,7 +481,7 @@ function HeroBusinessOperationsMosaic({
481
481
  actionsSlot,
482
482
  actionsClassName,
483
483
  background,
484
- spacing = "xl",
484
+ spacing = "hero",
485
485
  pattern,
486
486
  patternOpacity,
487
487
  className,
@@ -543,13 +543,13 @@ function HeroBusinessOperationsMosaic({
543
543
  patternOpacity,
544
544
  className,
545
545
  containerClassName,
546
- children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
546
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
547
547
  /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
548
548
  /* @__PURE__ */ jsxs(
549
549
  "div",
550
550
  {
551
551
  className: cn(
552
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
552
+ "flex w-full max-w-full flex-col gap-6",
553
553
  contentClassName
554
554
  ),
555
555
  children: [
@@ -557,13 +557,22 @@ function HeroBusinessOperationsMosaic({
557
557
  "h1",
558
558
  {
559
559
  className: cn(
560
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
560
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
561
561
  headingClassName
562
562
  ),
563
563
  children: heading
564
564
  }
565
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
566
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
565
+ ) : heading),
566
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
567
+ "p",
568
+ {
569
+ className: cn(
570
+ "text-lg md:text-xl text-balance",
571
+ descriptionClassName
572
+ ),
573
+ children: description
574
+ }
575
+ ) : description),
567
576
  /* @__PURE__ */ jsx(
568
577
  BlockActions,
569
578
  {
@@ -575,7 +584,7 @@ function HeroBusinessOperationsMosaic({
575
584
  ]
576
585
  }
577
586
  )
578
- ] }) })
587
+ ] })
579
588
  }
580
589
  );
581
590
  }
package/dist/registry.cjs CHANGED
@@ -58380,7 +58380,7 @@ function HeroBusinessOperationsMosaic({
58380
58380
  actionsSlot,
58381
58381
  actionsClassName,
58382
58382
  background,
58383
- spacing = "xl",
58383
+ spacing = "hero",
58384
58384
  pattern,
58385
58385
  patternOpacity,
58386
58386
  className,
@@ -58442,13 +58442,13 @@ function HeroBusinessOperationsMosaic({
58442
58442
  patternOpacity,
58443
58443
  className,
58444
58444
  containerClassName,
58445
- children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58445
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58446
58446
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
58447
58447
  /* @__PURE__ */ jsxRuntime.jsxs(
58448
58448
  "div",
58449
58449
  {
58450
58450
  className: cn(
58451
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
58451
+ "flex w-full max-w-full flex-col gap-6",
58452
58452
  contentClassName
58453
58453
  ),
58454
58454
  children: [
@@ -58456,13 +58456,22 @@ function HeroBusinessOperationsMosaic({
58456
58456
  "h1",
58457
58457
  {
58458
58458
  className: cn(
58459
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
58459
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
58460
58460
  headingClassName
58461
58461
  ),
58462
58462
  children: heading
58463
58463
  }
58464
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
58465
- description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
58464
+ ) : heading),
58465
+ description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
58466
+ "p",
58467
+ {
58468
+ className: cn(
58469
+ "text-lg md:text-xl text-balance",
58470
+ descriptionClassName
58471
+ ),
58472
+ children: description
58473
+ }
58474
+ ) : description),
58466
58475
  /* @__PURE__ */ jsxRuntime.jsx(
58467
58476
  BlockActions,
58468
58477
  {
@@ -58474,7 +58483,7 @@ function HeroBusinessOperationsMosaic({
58474
58483
  ]
58475
58484
  }
58476
58485
  )
58477
- ] }) })
58486
+ ] })
58478
58487
  }
58479
58488
  );
58480
58489
  }
package/dist/registry.js CHANGED
@@ -58340,7 +58340,7 @@ function HeroBusinessOperationsMosaic({
58340
58340
  actionsSlot,
58341
58341
  actionsClassName,
58342
58342
  background,
58343
- spacing = "xl",
58343
+ spacing = "hero",
58344
58344
  pattern,
58345
58345
  patternOpacity,
58346
58346
  className,
@@ -58402,13 +58402,13 @@ function HeroBusinessOperationsMosaic({
58402
58402
  patternOpacity,
58403
58403
  className,
58404
58404
  containerClassName,
58405
- children: /* @__PURE__ */ jsx("div", { className: "pt-10 md:pt-0", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58405
+ children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
58406
58406
  /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
58407
58407
  /* @__PURE__ */ jsxs(
58408
58408
  "div",
58409
58409
  {
58410
58410
  className: cn(
58411
- "flex w-full max-w-125 flex-col gap-6 md:gap-14 lg:max-w-full",
58411
+ "flex w-full max-w-full flex-col gap-6",
58412
58412
  contentClassName
58413
58413
  ),
58414
58414
  children: [
@@ -58416,13 +58416,22 @@ function HeroBusinessOperationsMosaic({
58416
58416
  "h1",
58417
58417
  {
58418
58418
  className: cn(
58419
- "text-6xl lg:text-7xl xl:text-[5rem] font-semibold",
58419
+ "text-4xl md:text-5xl lg:text-6xl font-semibold text-pretty leading-tight",
58420
58420
  headingClassName
58421
58421
  ),
58422
58422
  children: heading
58423
58423
  }
58424
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
58425
- description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
58424
+ ) : heading),
58425
+ description && (typeof description === "string" ? /* @__PURE__ */ jsx(
58426
+ "p",
58427
+ {
58428
+ className: cn(
58429
+ "text-lg md:text-xl text-balance",
58430
+ descriptionClassName
58431
+ ),
58432
+ children: description
58433
+ }
58434
+ ) : description),
58426
58435
  /* @__PURE__ */ jsx(
58427
58436
  BlockActions,
58428
58437
  {
@@ -58434,7 +58443,7 @@ function HeroBusinessOperationsMosaic({
58434
58443
  ]
58435
58444
  }
58436
58445
  )
58437
- ] }) })
58446
+ ] })
58438
58447
  }
58439
58448
  );
58440
58449
  }
package/dist/social-link-icon.d.cts CHANGED
@@ -77,6 +77,6 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
77
77
  * />
78
78
  * ```
79
79
  */
80
- declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
81
81
 
82
82
  export { SocialLinkIcon, type SocialLinkIconDynamicIconProps, type SocialLinkIconProps };
package/dist/social-link-icon.d.ts CHANGED
@@ -77,6 +77,6 @@ interface SocialLinkIconProps extends Omit<PressableProps, "children">, SocialLi
77
77
  * />
78
78
  * ```
79
79
  */
80
- declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
81
81
 
82
82
  export { SocialLinkIcon, type SocialLinkIconDynamicIconProps, type SocialLinkIconProps };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
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",