@opensite/ui 3.5.1 → 3.5.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.
@@ -772,7 +772,7 @@ function HeroPanel({
772
772
  src,
773
773
  alt: logo.alt,
774
774
  className: cn(
775
- "h-10 md:h-12 lg:h-14 w-auto max-w-[70%] object-contain",
775
+ "h-10 md:h-12 lg:h-14 w-auto object-contain",
776
776
  logo.imgClassName,
777
777
  logoClassName
778
778
  ),
@@ -787,7 +787,7 @@ function HeroPanel({
787
787
  "h2",
788
788
  {
789
789
  className: cn(
790
- "text-3xl md:text-4xl lg:text-5xl font-semibold text-balance",
790
+ "text-2xl md:text-3xl lg:text-4xl font-semibold text-balance",
791
791
  hasBackground && "text-white text-shadow-lg",
792
792
  titleClassName
793
793
  ),
@@ -798,14 +798,15 @@ function HeroPanel({
798
798
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title });
799
799
  }, [title, titleClassName, hasBackground]);
800
800
  const renderContent = React3.useMemo(() => {
801
- if (content === void 0 || content === null || content === "") return null;
801
+ if (content === void 0 || content === null || content === "")
802
+ return null;
802
803
  if (typeof content === "string") {
803
804
  return /* @__PURE__ */ jsxRuntime.jsx(
804
805
  "p",
805
806
  {
806
807
  className: cn(
807
- "text-base md:text-lg leading-relaxed text-balance",
808
- hasBackground ? "text-white/90 text-shadow" : "text-muted-foreground",
808
+ "text-sm md:text-base leading-snug text-balance",
809
+ hasBackground ? "text-white text-shadow-lg" : "",
809
810
  textClassName
810
811
  ),
811
812
  children: content
@@ -751,7 +751,7 @@ function HeroPanel({
751
751
  src,
752
752
  alt: logo.alt,
753
753
  className: cn(
754
- "h-10 md:h-12 lg:h-14 w-auto max-w-[70%] object-contain",
754
+ "h-10 md:h-12 lg:h-14 w-auto object-contain",
755
755
  logo.imgClassName,
756
756
  logoClassName
757
757
  ),
@@ -766,7 +766,7 @@ function HeroPanel({
766
766
  "h2",
767
767
  {
768
768
  className: cn(
769
- "text-3xl md:text-4xl lg:text-5xl font-semibold text-balance",
769
+ "text-2xl md:text-3xl lg:text-4xl font-semibold text-balance",
770
770
  hasBackground && "text-white text-shadow-lg",
771
771
  titleClassName
772
772
  ),
@@ -777,14 +777,15 @@ function HeroPanel({
777
777
  return /* @__PURE__ */ jsx("div", { className: titleClassName, children: title });
778
778
  }, [title, titleClassName, hasBackground]);
779
779
  const renderContent = useMemo(() => {
780
- if (content === void 0 || content === null || content === "") return null;
780
+ if (content === void 0 || content === null || content === "")
781
+ return null;
781
782
  if (typeof content === "string") {
782
783
  return /* @__PURE__ */ jsx(
783
784
  "p",
784
785
  {
785
786
  className: cn(
786
- "text-base md:text-lg leading-relaxed text-balance",
787
- hasBackground ? "text-white/90 text-shadow" : "text-muted-foreground",
787
+ "text-sm md:text-base leading-snug text-balance",
788
+ hasBackground ? "text-white text-shadow-lg" : "",
788
789
  textClassName
789
790
  ),
790
791
  children: content
package/dist/registry.cjs CHANGED
@@ -51342,7 +51342,7 @@ function HeroPanel({
51342
51342
  src,
51343
51343
  alt: logo.alt,
51344
51344
  className: cn(
51345
- "h-10 md:h-12 lg:h-14 w-auto max-w-[70%] object-contain",
51345
+ "h-10 md:h-12 lg:h-14 w-auto object-contain",
51346
51346
  logo.imgClassName,
51347
51347
  logoClassName
51348
51348
  ),
@@ -51357,7 +51357,7 @@ function HeroPanel({
51357
51357
  "h2",
51358
51358
  {
51359
51359
  className: cn(
51360
- "text-3xl md:text-4xl lg:text-5xl font-semibold text-balance",
51360
+ "text-2xl md:text-3xl lg:text-4xl font-semibold text-balance",
51361
51361
  hasBackground && "text-white text-shadow-lg",
51362
51362
  titleClassName
51363
51363
  ),
@@ -51368,14 +51368,15 @@ function HeroPanel({
51368
51368
  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title });
51369
51369
  }, [title, titleClassName, hasBackground]);
51370
51370
  const renderContent = React30.useMemo(() => {
51371
- if (content === void 0 || content === null || content === "") return null;
51371
+ if (content === void 0 || content === null || content === "")
51372
+ return null;
51372
51373
  if (typeof content === "string") {
51373
51374
  return /* @__PURE__ */ jsxRuntime.jsx(
51374
51375
  "p",
51375
51376
  {
51376
51377
  className: cn(
51377
- "text-base md:text-lg leading-relaxed text-balance",
51378
- hasBackground ? "text-white/90 text-shadow" : "text-muted-foreground",
51378
+ "text-sm md:text-base leading-snug text-balance",
51379
+ hasBackground ? "text-white text-shadow-lg" : "",
51379
51380
  textClassName
51380
51381
  ),
51381
51382
  children: content
package/dist/registry.js CHANGED
@@ -51302,7 +51302,7 @@ function HeroPanel({
51302
51302
  src,
51303
51303
  alt: logo.alt,
51304
51304
  className: cn(
51305
- "h-10 md:h-12 lg:h-14 w-auto max-w-[70%] object-contain",
51305
+ "h-10 md:h-12 lg:h-14 w-auto object-contain",
51306
51306
  logo.imgClassName,
51307
51307
  logoClassName
51308
51308
  ),
@@ -51317,7 +51317,7 @@ function HeroPanel({
51317
51317
  "h2",
51318
51318
  {
51319
51319
  className: cn(
51320
- "text-3xl md:text-4xl lg:text-5xl font-semibold text-balance",
51320
+ "text-2xl md:text-3xl lg:text-4xl font-semibold text-balance",
51321
51321
  hasBackground && "text-white text-shadow-lg",
51322
51322
  titleClassName
51323
51323
  ),
@@ -51328,14 +51328,15 @@ function HeroPanel({
51328
51328
  return /* @__PURE__ */ jsx("div", { className: titleClassName, children: title });
51329
51329
  }, [title, titleClassName, hasBackground]);
51330
51330
  const renderContent = useMemo(() => {
51331
- if (content === void 0 || content === null || content === "") return null;
51331
+ if (content === void 0 || content === null || content === "")
51332
+ return null;
51332
51333
  if (typeof content === "string") {
51333
51334
  return /* @__PURE__ */ jsx(
51334
51335
  "p",
51335
51336
  {
51336
51337
  className: cn(
51337
- "text-base md:text-lg leading-relaxed text-balance",
51338
- hasBackground ? "text-white/90 text-shadow" : "text-muted-foreground",
51338
+ "text-sm md:text-base leading-snug text-balance",
51339
+ hasBackground ? "text-white text-shadow-lg" : "",
51339
51340
  textClassName
51340
51341
  ),
51341
51342
  children: content
@@ -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<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>>;
81
81
 
82
82
  export { SocialLinkIcon, type SocialLinkIconDynamicIconProps, type SocialLinkIconProps };
@@ -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<HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement>>;
80
+ declare const SocialLinkIcon: React.ForwardRefExoticComponent<SocialLinkIconProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement | 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.5.1",
3
+ "version": "3.5.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",