@orion-studios/payload-studio 0.6.0-beta.19 → 0.6.0-beta.20

package/dist/studio-pages/builder.css

@@ -256,36 +256,44 @@ h4 {
 }
 
 .hero-content {
-  position: absolute;
-  inset: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  padding: 2rem;
+  inset: 0;
   max-width: 610px;
+  padding: 2rem;
+  position: absolute;
+  text-align: var(--orion-builder-body-align, left);
 }
 
 .hero h1 {
   font-size: clamp(2rem, 4vw, 3.1rem);
   letter-spacing: -0.02em;
   margin: 0;
+  text-align: var(--orion-builder-heading-align, var(--orion-builder-body-align, left));
 }
 
 .hero p {
+  color: color-mix(in srgb, var(--orion-studio-accent-contrast) 90%, transparent);
   margin-top: 0.75rem;
   max-width: 48ch;
-  color: color-mix(in srgb, var(--orion-studio-accent-contrast) 90%, transparent);
+  text-align: var(--orion-builder-body-align, left);
 }
 
 .hero-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem;
+  justify-content: var(--orion-builder-actions-align, flex-start);
   margin-top: 1.1rem;
 }
 
 .hero-centered .hero-content {
-  text-align: center;
+  text-align: var(--orion-builder-body-align, center);
+}
+
+.hero .kicker {
+  text-align: var(--orion-builder-heading-align, var(--orion-builder-body-align, left));
 }
 
 .features {
@@ -984,6 +992,11 @@ h4 {
   text-align: var(--orion-builder-heading-align, inherit);
 }
 
+.orion-builder-content p,
+.orion-builder-content li {
+  text-align: var(--orion-builder-body-align, inherit);
+}
+
 /* Builder-only override: show full testimonial copy even if host app globals clamp it. */
 .orion-builder-shell .orion-builder-content .testimonial-quote {
   -webkit-box-orient: initial;

package/dist/studio-pages/client.js

@@ -4709,8 +4709,9 @@ function BuilderPageEditor({
     const heroMedia = block.blockType === "hero" ? resolveMedia(block.media) : null;
     const heroHasImage = block.blockType === "hero" && Boolean(heroBackgroundImageURL || heroMedia?.url);
     const heroTextColor = block.blockType === "hero" ? heroHasImage ? "#ffffff" : heroBackgroundColor ? getReadableTextColor(heroBackgroundColor, resolvedThemeTokens.colors.headingText, "#ffffff") : resolvedThemeTokens.colors.headingText : null;
+    const bodyAlign = blockTypography.bodyAlign === "center" || blockTypography.bodyAlign === "justify" || blockTypography.bodyAlign === "right" ? blockTypography.bodyAlign : "left";
     const typographyStyle = resolveTypographyStyleFromSettings({
-      bodyAlign: blockTypography.bodyAlign === "center" || blockTypography.bodyAlign === "justify" || blockTypography.bodyAlign === "right" ? blockTypography.bodyAlign : "left",
+      bodyAlign,
       letterSpacingPreset: blockTypography.letterSpacingPreset === "tight" || blockTypography.letterSpacingPreset === "relaxed" ? blockTypography.letterSpacingPreset : "normal",
       lineHeightPreset: blockTypography.lineHeightPreset === "tight" || blockTypography.lineHeightPreset === "relaxed" ? blockTypography.lineHeightPreset : "normal",
       maxTextWidth: blockTypography.maxTextWidth === "sm" || blockTypography.maxTextWidth === "md" || blockTypography.maxTextWidth === "lg" || blockTypography.maxTextWidth === "full" ? blockTypography.maxTextWidth : "auto"
@@ -4726,6 +4727,8 @@ function BuilderPageEditor({
           ...shell.contentStyle,
           ...inheritProjectStyles ? {} : {
             "--orion-builder-heading-align": headingAlign,
+            "--orion-builder-body-align": bodyAlign,
+            "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
             "--orion-builder-heading-color": headingColor,
             color: bodyColor,
             ...typographyStyle

package/dist/studio-pages/client.mjs

@@ -4589,8 +4589,9 @@ function BuilderPageEditor({
     const heroMedia = block.blockType === "hero" ? resolveMedia(block.media) : null;
     const heroHasImage = block.blockType === "hero" && Boolean(heroBackgroundImageURL || heroMedia?.url);
     const heroTextColor = block.blockType === "hero" ? heroHasImage ? "#ffffff" : heroBackgroundColor ? getReadableTextColor(heroBackgroundColor, resolvedThemeTokens.colors.headingText, "#ffffff") : resolvedThemeTokens.colors.headingText : null;
+    const bodyAlign = blockTypography.bodyAlign === "center" || blockTypography.bodyAlign === "justify" || blockTypography.bodyAlign === "right" ? blockTypography.bodyAlign : "left";
     const typographyStyle = resolveTypographyStyleFromSettings({
-      bodyAlign: blockTypography.bodyAlign === "center" || blockTypography.bodyAlign === "justify" || blockTypography.bodyAlign === "right" ? blockTypography.bodyAlign : "left",
+      bodyAlign,
       letterSpacingPreset: blockTypography.letterSpacingPreset === "tight" || blockTypography.letterSpacingPreset === "relaxed" ? blockTypography.letterSpacingPreset : "normal",
       lineHeightPreset: blockTypography.lineHeightPreset === "tight" || blockTypography.lineHeightPreset === "relaxed" ? blockTypography.lineHeightPreset : "normal",
       maxTextWidth: blockTypography.maxTextWidth === "sm" || blockTypography.maxTextWidth === "md" || blockTypography.maxTextWidth === "lg" || blockTypography.maxTextWidth === "full" ? blockTypography.maxTextWidth : "auto"
@@ -4606,6 +4607,8 @@ function BuilderPageEditor({
           ...shell.contentStyle,
           ...inheritProjectStyles ? {} : {
             "--orion-builder-heading-align": headingAlign,
+            "--orion-builder-body-align": bodyAlign,
+            "--orion-builder-actions-align": bodyAlign === "center" ? "center" : bodyAlign === "right" ? "flex-end" : "flex-start",
             "--orion-builder-heading-color": headingColor,
             color: bodyColor,
             ...typographyStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.19",
+  "version": "0.6.0-beta.20",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",