@opensite/ui 2.8.1 → 2.8.2

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.
@@ -953,7 +953,7 @@ function HeroSimpleCenteredImage({
953
953
  "div",
954
954
  {
955
955
  className: cn(
956
- "flex flex-col items-center text-center",
956
+ "flex flex-col items-center text-center gap-6 md:gap-2",
957
957
  contentClassName
958
958
  ),
959
959
  children: [
@@ -961,22 +961,22 @@ function HeroSimpleCenteredImage({
961
961
  "h1",
962
962
  {
963
963
  className: cn(
964
- "my-3 text-3xl font-bold text-balance sm:text-4xl md:my-6 lg:text-6xl",
964
+ "my-4 text-4xl font-bold text-balance md:my-6 md:text-6xl",
965
965
  headingClassName
966
966
  ),
967
967
  children: heading
968
968
  }
969
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
969
+ ) : heading),
970
970
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
971
971
  "p",
972
972
  {
973
973
  className: cn(
974
- "max-w-xl md:max-w-md lg:text-2xl text-balance",
974
+ "max-w-full md:max-w-md text-lg text-balance opacity-75 leading-relaxed",
975
975
  descriptionClassName
976
976
  ),
977
977
  children: description
978
978
  }
979
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
979
+ ) : description),
980
980
  /* @__PURE__ */ jsxRuntime.jsx(
981
981
  BlockActions,
982
982
  {
@@ -932,7 +932,7 @@ function HeroSimpleCenteredImage({
932
932
  "div",
933
933
  {
934
934
  className: cn(
935
- "flex flex-col items-center text-center",
935
+ "flex flex-col items-center text-center gap-6 md:gap-2",
936
936
  contentClassName
937
937
  ),
938
938
  children: [
@@ -940,22 +940,22 @@ function HeroSimpleCenteredImage({
940
940
  "h1",
941
941
  {
942
942
  className: cn(
943
- "my-3 text-3xl font-bold text-balance sm:text-4xl md:my-6 lg:text-6xl",
943
+ "my-4 text-4xl font-bold text-balance md:my-6 md:text-6xl",
944
944
  headingClassName
945
945
  ),
946
946
  children: heading
947
947
  }
948
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
948
+ ) : heading),
949
949
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
950
950
  "p",
951
951
  {
952
952
  className: cn(
953
- "max-w-xl md:max-w-md lg:text-2xl text-balance",
953
+ "max-w-full md:max-w-md text-lg text-balance opacity-75 leading-relaxed",
954
954
  descriptionClassName
955
955
  ),
956
956
  children: description
957
957
  }
958
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
958
+ ) : description),
959
959
  /* @__PURE__ */ jsx(
960
960
  BlockActions,
961
961
  {
package/dist/registry.cjs CHANGED
@@ -50294,7 +50294,7 @@ function HeroSimpleCenteredImage({
50294
50294
  "div",
50295
50295
  {
50296
50296
  className: cn(
50297
- "flex flex-col items-center text-center",
50297
+ "flex flex-col items-center text-center gap-6 md:gap-2",
50298
50298
  contentClassName
50299
50299
  ),
50300
50300
  children: [
@@ -50302,22 +50302,22 @@ function HeroSimpleCenteredImage({
50302
50302
  "h1",
50303
50303
  {
50304
50304
  className: cn(
50305
- "my-3 text-3xl font-bold text-balance sm:text-4xl md:my-6 lg:text-6xl",
50305
+ "my-4 text-4xl font-bold text-balance md:my-6 md:text-6xl",
50306
50306
  headingClassName
50307
50307
  ),
50308
50308
  children: heading
50309
50309
  }
50310
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
50310
+ ) : heading),
50311
50311
  description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
50312
50312
  "p",
50313
50313
  {
50314
50314
  className: cn(
50315
- "max-w-xl md:max-w-md lg:text-2xl text-balance",
50315
+ "max-w-full md:max-w-md text-lg text-balance opacity-75 leading-relaxed",
50316
50316
  descriptionClassName
50317
50317
  ),
50318
50318
  children: description
50319
50319
  }
50320
- ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
50320
+ ) : description),
50321
50321
  /* @__PURE__ */ jsxRuntime.jsx(
50322
50322
  BlockActions,
50323
50323
  {
package/dist/registry.js CHANGED
@@ -50254,7 +50254,7 @@ function HeroSimpleCenteredImage({
50254
50254
  "div",
50255
50255
  {
50256
50256
  className: cn(
50257
- "flex flex-col items-center text-center",
50257
+ "flex flex-col items-center text-center gap-6 md:gap-2",
50258
50258
  contentClassName
50259
50259
  ),
50260
50260
  children: [
@@ -50262,22 +50262,22 @@ function HeroSimpleCenteredImage({
50262
50262
  "h1",
50263
50263
  {
50264
50264
  className: cn(
50265
- "my-3 text-3xl font-bold text-balance sm:text-4xl md:my-6 lg:text-6xl",
50265
+ "my-4 text-4xl font-bold text-balance md:my-6 md:text-6xl",
50266
50266
  headingClassName
50267
50267
  ),
50268
50268
  children: heading
50269
50269
  }
50270
- ) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
50270
+ ) : heading),
50271
50271
  description && (typeof description === "string" ? /* @__PURE__ */ jsx(
50272
50272
  "p",
50273
50273
  {
50274
50274
  className: cn(
50275
- "max-w-xl md:max-w-md lg:text-2xl text-balance",
50275
+ "max-w-full md:max-w-md text-lg text-balance opacity-75 leading-relaxed",
50276
50276
  descriptionClassName
50277
50277
  ),
50278
50278
  children: description
50279
50279
  }
50280
- ) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
50280
+ ) : description),
50281
50281
  /* @__PURE__ */ jsx(
50282
50282
  BlockActions,
50283
50283
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opensite/ui",
3
- "version": "2.8.1",
3
+ "version": "2.8.2",
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",