@amplifyup/sdk 0.1.38 → 0.1.40

package/dist/AmplifyRenderer.js

@@ -2299,7 +2299,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(
@@ -2309,7 +2309,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) {",
@@ -2321,7 +2321,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;",
         "}"
       );
     }
@@ -2696,7 +2696,10 @@ function useLiveComposerProps(layoutNodeId, props) {
         return;
       }
       if (!matchesNode(nodeId)) return;
-      setLive(nextProps);
+      setLive((prev) => ({
+        ...prev,
+        ...nextProps
+      }));
     };
     const onPatch = (event) => {
       const detail = event.detail || {};
@@ -2743,6 +2746,12 @@ function useAmplifyUp() {
   }
   return context;
 }
+function nodeRenderProps(node) {
+  return {
+    ...node.settings || {},
+    ...node.props || {}
+  };
+}
 var ComponentRenderBoundary = class extends react.Component {
   constructor() {
     super(...arguments);
@@ -3166,7 +3175,7 @@ function AmplifyRenderer({
           {
             nodeId: node.id,
             componentId: node.componentId,
-            props: node.props || {},
+            props: nodeRenderProps(node),
             slots: slotsToPass,
             renderComponent
           }