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

package/dist/admin/index.mjs

@@ -7,14 +7,14 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-JC3UV74N.mjs";
-import "../chunk-W2UOCJDX.mjs";
+} from "../chunk-KHK6RTGC.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "../chunk-ZTXJG4K5.mjs";
+import "../chunk-W2UOCJDX.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,

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;
@@ -2612,24 +2621,39 @@ function GrapesPageEditor({
     if (property.startsWith("padding-") && !String(value).trim().startsWith("-")) {
       const side = negativePaddingSideFromProperty(property);
       if (side) {
-        selected.removeStyle?.(negativePaddingVariableForSide(side));
-        selected.removeAttributes?.(negativePaddingAttributeForSide(side));
-        selected.removeClass?.(`is-orion-negative-padding-${side}`);
         const attrs = selected.getAttributes?.() || {};
+        const selectedStyle = selected.getStyle?.() || {};
+        const nextNegativePaddingBySide = Object.fromEntries(
+          negativePaddingSides.map((paddingSide) => [
+            paddingSide,
+            paddingSide === side ? "" : firstString(attrs[negativePaddingAttributeForSide(paddingSide)])
+          ])
+        );
         const hasOtherNegativePadding = negativePaddingSides.some(
-          (paddingSide) => paddingSide !== side && Boolean(attrs[negativePaddingAttributeForSide(paddingSide)])
+          (paddingSide) => Boolean(nextNegativePaddingBySide[paddingSide])
         );
+        const negativePaddingBackground = getStoredOrionBackgroundColor(attrs, selectedStyle);
+        selected.removeStyle?.(negativePaddingVariableForSide(side));
+        selected.removeAttributes?.(negativePaddingAttributeForSide(side));
+        selected.removeClass?.(`is-orion-negative-padding-${side}`);
         if (!hasOtherNegativePadding) {
-          const negativePaddingBackground = firstString(
-            attrs[negativePaddingBackgroundAttribute],
-            selected.getStyle?.()[negativePaddingBackgroundVariable]
-          );
           if (negativePaddingBackground) {
             selected.addStyle?.({ "background-color": negativePaddingBackground });
           }
           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 });
         }
       }
     }
@@ -2657,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;
@@ -2488,24 +2497,39 @@ function GrapesPageEditor({
     if (property.startsWith("padding-") && !String(value).trim().startsWith("-")) {
       const side = negativePaddingSideFromProperty(property);
       if (side) {
-        selected.removeStyle?.(negativePaddingVariableForSide(side));
-        selected.removeAttributes?.(negativePaddingAttributeForSide(side));
-        selected.removeClass?.(`is-orion-negative-padding-${side}`);
         const attrs = selected.getAttributes?.() || {};
+        const selectedStyle = selected.getStyle?.() || {};
+        const nextNegativePaddingBySide = Object.fromEntries(
+          negativePaddingSides.map((paddingSide) => [
+            paddingSide,
+            paddingSide === side ? "" : firstString(attrs[negativePaddingAttributeForSide(paddingSide)])
+          ])
+        );
         const hasOtherNegativePadding = negativePaddingSides.some(
-          (paddingSide) => paddingSide !== side && Boolean(attrs[negativePaddingAttributeForSide(paddingSide)])
+          (paddingSide) => Boolean(nextNegativePaddingBySide[paddingSide])
         );
+        const negativePaddingBackground = getStoredOrionBackgroundColor(attrs, selectedStyle);
+        selected.removeStyle?.(negativePaddingVariableForSide(side));
+        selected.removeAttributes?.(negativePaddingAttributeForSide(side));
+        selected.removeClass?.(`is-orion-negative-padding-${side}`);
         if (!hasOtherNegativePadding) {
-          const negativePaddingBackground = firstString(
-            attrs[negativePaddingBackgroundAttribute],
-            selected.getStyle?.()[negativePaddingBackgroundVariable]
-          );
           if (negativePaddingBackground) {
             selected.addStyle?.({ "background-color": negativePaddingBackground });
           }
           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 });
         }
       }
     }
@@ -2533,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

@@ -1,25 +1,25 @@
 import {
   admin_exports
-} from "./chunk-JC3UV74N.mjs";
-import {
-  admin_app_exports
-} from "./chunk-RKTIFEUY.mjs";
-import "./chunk-W2UOCJDX.mjs";
-import {
-  blocks_exports
-} from "./chunk-JQAHXYAM.mjs";
+} from "./chunk-KHK6RTGC.mjs";
 import {
   nextjs_exports
 } from "./chunk-ZADL33R6.mjs";
 import "./chunk-ZTXJG4K5.mjs";
 import {
   studio_pages_exports
-} from "./chunk-NGLIA2OE.mjs";
-import "./chunk-OQSEJXC4.mjs";
+} from "./chunk-7HME6R2V.mjs";
 import "./chunk-7ZMXZRBP.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";
+import "./chunk-W2UOCJDX.mjs";
 import "./chunk-6BWS3CLP.mjs";
 export {
   admin_exports as admin,

package/dist/studio-pages/index.mjs

@@ -7,8 +7,7 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-NGLIA2OE.mjs";
-import "../chunk-OQSEJXC4.mjs";
+} from "../chunk-7HME6R2V.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
@@ -16,6 +15,7 @@ import {
   studioDocumentToLayout
 } from "../chunk-7ZMXZRBP.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.175",
+  "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-NGLIA2OE.mjs → chunk-7HME6R2V.mjs}

@@ -1,6 +1,3 @@
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
@@ -14,6 +11,9 @@ import {
   createEmptyStudioDocument,
   validateStudioDocument
 } from "./chunk-ADIIWIYL.mjs";
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   __export
 } from "./chunk-6BWS3CLP.mjs";

package/dist/{chunk-JC3UV74N.mjs → chunk-KHK6RTGC.mjs}

@@ -1,12 +1,12 @@
-import {
-  adminNavIcons
-} from "./chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "./chunk-ZTXJG4K5.mjs";
+import {
+  adminNavIcons
+} from "./chunk-W2UOCJDX.mjs";
 import {
   __export,
   __require