@orion-studios/payload-studio 0.6.0-beta.176 → 0.6.0-beta.177

package/dist/builder-v2/client.js

@@ -2025,6 +2025,15 @@ var negativePaddingAttributeForSide = (side) => `data-orion-negative-padding-${s
 var negativePaddingVariableForSide = (side) => `--orion-negative-padding-${side}`;
 var negativePaddingBackgroundAttribute = "data-orion-negative-padding-background";
 var negativePaddingBackgroundVariable = "--orion-negative-padding-background";
+var getStoredOrionBackgroundColor = (attrs, style) => {
+  const block = parseOrionBlockAttribute(attrs["data-orion-block"]);
+  return firstString(
+    attrs[negativePaddingBackgroundAttribute],
+    style[negativePaddingBackgroundVariable],
+    attrs["data-orion-background-color"],
+    block.backgroundColor
+  );
+};
 var spacingTargetForComponent = (component) => {
   const element = component?.getEl?.();
   return element || null;
@@ -2614,13 +2623,16 @@ function GrapesPageEditor({
       if (side) {
         const attrs = selected.getAttributes?.() || {};
         const selectedStyle = selected.getStyle?.() || {};
-        const hasOtherNegativePadding = negativePaddingSides.some(
-          (paddingSide) => paddingSide !== side && Boolean(attrs[negativePaddingAttributeForSide(paddingSide)])
+        const nextNegativePaddingBySide = Object.fromEntries(
+          negativePaddingSides.map((paddingSide) => [
+            paddingSide,
+            paddingSide === side ? "" : firstString(attrs[negativePaddingAttributeForSide(paddingSide)])
+          ])
         );
-        const negativePaddingBackground = firstString(
-          attrs[negativePaddingBackgroundAttribute],
-          selectedStyle[negativePaddingBackgroundVariable]
+        const hasOtherNegativePadding = negativePaddingSides.some(
+          (paddingSide) => Boolean(nextNegativePaddingBySide[paddingSide])
         );
+        const negativePaddingBackground = getStoredOrionBackgroundColor(attrs, selectedStyle);
         selected.removeStyle?.(negativePaddingVariableForSide(side));
         selected.removeAttributes?.(negativePaddingAttributeForSide(side));
         selected.removeClass?.(`is-orion-negative-padding-${side}`);
@@ -2630,7 +2642,18 @@ function GrapesPageEditor({
           }
           selected.removeStyle?.(negativePaddingBackgroundVariable);
           selected.removeAttributes?.(negativePaddingBackgroundAttribute);
+          negativePaddingSides.forEach((paddingSide) => {
+            selected.removeStyle?.(negativePaddingVariableForSide(paddingSide));
+            selected.removeAttributes?.(negativePaddingAttributeForSide(paddingSide));
+            selected.removeClass?.(`is-orion-negative-padding-${paddingSide}`);
+          });
           selected.removeClass?.("orion-builder-v2-negative-padding");
+        } else if (negativePaddingBackground) {
+          selected.addStyle?.({
+            [negativePaddingBackgroundVariable]: negativePaddingBackground,
+            "background-color": "transparent"
+          });
+          selected.addAttributes?.({ [negativePaddingBackgroundAttribute]: negativePaddingBackground });
         }
       }
     }
@@ -2658,9 +2681,9 @@ function GrapesPageEditor({
       const side = negativePaddingSideFromProperty(property);
       const negativeStyleValue = `${Number.isInteger(adjustment) ? adjustment : Number(adjustment.toFixed(2))}${unit}`;
       const currentStyle = selected.getStyle?.() || {};
+      const currentAttributes = selected.getAttributes?.() || {};
       const backgroundColor = firstString(
-        currentStyle[negativePaddingBackgroundVariable],
-        selected.getAttributes?.()[negativePaddingBackgroundAttribute],
+        getStoredOrionBackgroundColor(currentAttributes, currentStyle),
         getStyleColorValue(currentStyle, "background-color")
       );
       selected.addClass?.("orion-builder-v2-negative-padding");

package/dist/builder-v2/client.mjs

@@ -1901,6 +1901,15 @@ var negativePaddingAttributeForSide = (side) => `data-orion-negative-padding-${s
 var negativePaddingVariableForSide = (side) => `--orion-negative-padding-${side}`;
 var negativePaddingBackgroundAttribute = "data-orion-negative-padding-background";
 var negativePaddingBackgroundVariable = "--orion-negative-padding-background";
+var getStoredOrionBackgroundColor = (attrs, style) => {
+  const block = parseOrionBlockAttribute(attrs["data-orion-block"]);
+  return firstString(
+    attrs[negativePaddingBackgroundAttribute],
+    style[negativePaddingBackgroundVariable],
+    attrs["data-orion-background-color"],
+    block.backgroundColor
+  );
+};
 var spacingTargetForComponent = (component) => {
   const element = component?.getEl?.();
   return element || null;
@@ -2490,13 +2499,16 @@ function GrapesPageEditor({
       if (side) {
         const attrs = selected.getAttributes?.() || {};
         const selectedStyle = selected.getStyle?.() || {};
-        const hasOtherNegativePadding = negativePaddingSides.some(
-          (paddingSide) => paddingSide !== side && Boolean(attrs[negativePaddingAttributeForSide(paddingSide)])
+        const nextNegativePaddingBySide = Object.fromEntries(
+          negativePaddingSides.map((paddingSide) => [
+            paddingSide,
+            paddingSide === side ? "" : firstString(attrs[negativePaddingAttributeForSide(paddingSide)])
+          ])
         );
-        const negativePaddingBackground = firstString(
-          attrs[negativePaddingBackgroundAttribute],
-          selectedStyle[negativePaddingBackgroundVariable]
+        const hasOtherNegativePadding = negativePaddingSides.some(
+          (paddingSide) => Boolean(nextNegativePaddingBySide[paddingSide])
         );
+        const negativePaddingBackground = getStoredOrionBackgroundColor(attrs, selectedStyle);
         selected.removeStyle?.(negativePaddingVariableForSide(side));
         selected.removeAttributes?.(negativePaddingAttributeForSide(side));
         selected.removeClass?.(`is-orion-negative-padding-${side}`);
@@ -2506,7 +2518,18 @@ function GrapesPageEditor({
           }
           selected.removeStyle?.(negativePaddingBackgroundVariable);
           selected.removeAttributes?.(negativePaddingBackgroundAttribute);
+          negativePaddingSides.forEach((paddingSide) => {
+            selected.removeStyle?.(negativePaddingVariableForSide(paddingSide));
+            selected.removeAttributes?.(negativePaddingAttributeForSide(paddingSide));
+            selected.removeClass?.(`is-orion-negative-padding-${paddingSide}`);
+          });
           selected.removeClass?.("orion-builder-v2-negative-padding");
+        } else if (negativePaddingBackground) {
+          selected.addStyle?.({
+            [negativePaddingBackgroundVariable]: negativePaddingBackground,
+            "background-color": "transparent"
+          });
+          selected.addAttributes?.({ [negativePaddingBackgroundAttribute]: negativePaddingBackground });
         }
       }
     }
@@ -2534,9 +2557,9 @@ function GrapesPageEditor({
       const side = negativePaddingSideFromProperty(property);
       const negativeStyleValue = `${Number.isInteger(adjustment) ? adjustment : Number(adjustment.toFixed(2))}${unit}`;
       const currentStyle = selected.getStyle?.() || {};
+      const currentAttributes = selected.getAttributes?.() || {};
       const backgroundColor = firstString(
-        currentStyle[negativePaddingBackgroundVariable],
-        selected.getAttributes?.()[negativePaddingBackgroundAttribute],
+        getStoredOrionBackgroundColor(currentAttributes, currentStyle),
         getStyleColorValue(currentStyle, "background-color")
       );
       selected.addClass?.("orion-builder-v2-negative-padding");

package/dist/index.mjs

@@ -5,17 +5,17 @@ import {
   nextjs_exports
 } from "./chunk-ZADL33R6.mjs";
 import "./chunk-ZTXJG4K5.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
 import {
   studio_pages_exports
-} from "./chunk-276KAPGM.mjs";
+} from "./chunk-7HME6R2V.mjs";
 import "./chunk-7ZMXZRBP.mjs";
-import "./chunk-OQSEJXC4.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";
+import {
+  blocks_exports
+} from "./chunk-JQAHXYAM.mjs";
+import "./chunk-OQSEJXC4.mjs";
 import {
   admin_app_exports
 } from "./chunk-RKTIFEUY.mjs";

package/dist/studio-pages/index.mjs

@@ -7,15 +7,15 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-276KAPGM.mjs";
+} from "../chunk-7HME6R2V.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   studioDocumentToLayout
 } from "../chunk-7ZMXZRBP.mjs";
-import "../chunk-OQSEJXC4.mjs";
 import "../chunk-ADIIWIYL.mjs";
+import "../chunk-OQSEJXC4.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   createDefaultStudioDocument,

package/package.json

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

package/dist/{chunk-276KAPGM.mjs → chunk-7HME6R2V.mjs}

@@ -5,15 +5,15 @@ import {
   migrateBlockToSettingsV2,
   studioDocumentToLayout
 } from "./chunk-7ZMXZRBP.mjs";
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   assertStudioDocumentV1,
   compileStudioDocument,
   createEmptyStudioDocument,
   validateStudioDocument
 } from "./chunk-ADIIWIYL.mjs";
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";