@amplifyup/sdk 0.1.38 → 0.1.40

package/dist/AmplifyRenderer.mjs

@@ -2297,7 +2297,7 @@ Available Console Commands:
     if (!highlightComponents && !showZones) return;
     const existing = document.getElementById("amplifyup-preview-highlights");
     if (existing) existing.remove();
-    const primary = "hsl(82 92% 42%)";
+    const primary = "hsl(82 100% 52%)";
     const lines = [];
     if (highlightComponents) {
       lines.push(
@@ -2307,7 +2307,7 @@ Available Console Commands:
         "[data-amplifyup-component].amplifyup-selected, [data-component-id].amplifyup-selected {",
         `  outline: 2px solid ${primary} !important;`,
         "  outline-offset: -2px !important;",
-        "  box-shadow: inset 0 0 0 1px hsl(82 92% 42% / 0.25) !important;",
+        "  box-shadow: inset 0 0 0 1px hsl(82 100% 52% / 0.25) !important;",
         "}",
         "[data-amplifyup-component].amplifyup-component-hover:not(.amplifyup-selected),",
         "[data-component-id].amplifyup-component-hover:not(.amplifyup-selected) {",
@@ -2319,7 +2319,7 @@ Available Console Commands:
     if (highlightComponents || showZones) {
       lines.push(
         "[data-slot-id].amplifyup-selected, [data-amplifyup-slot].amplifyup-selected {",
-        "  background-color: rgba(245, 245, 220, 0.35) !important;",
+        "  background-color: hsl(82 100% 52% / 0.12) !important;",
         "}"
       );
     }
@@ -2694,7 +2694,10 @@ function useLiveComposerProps(layoutNodeId, props) {
         return;
       }
       if (!matchesNode(nodeId)) return;
-      setLive(nextProps);
+      setLive((prev) => ({
+        ...prev,
+        ...nextProps
+      }));
     };
     const onPatch = (event) => {
       const detail = event.detail || {};
@@ -2741,6 +2744,12 @@ function useAmplifyUp() {
   }
   return context;
 }
+function nodeRenderProps(node) {
+  return {
+    ...node.settings || {},
+    ...node.props || {}
+  };
+}
 var ComponentRenderBoundary = class extends Component {
   constructor() {
     super(...arguments);
@@ -3164,7 +3173,7 @@ function AmplifyRenderer({
           {
             nodeId: node.id,
             componentId: node.componentId,
-            props: node.props || {},
+            props: nodeRenderProps(node),
             slots: slotsToPass,
             renderComponent
           }