Designer: Add margin and fix gen issues (#230)

Author: bheston

change/@adaptive-web-adaptive-ui-d4b8c096-adce-4fec-8616-9f0320e1f530.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add support for margin properties",
+  "packageName": "@adaptive-web/adaptive-ui",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@adaptive-web-adaptive-ui-designer-figma-4c209d8b-7be9-46a2-8600-17463e77f670.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add support for margin properties",
+  "packageName": "@adaptive-web/adaptive-ui-designer-figma",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/adaptive-ui-designer-figma/src/lib/anatomy.ts

@@ -230,7 +230,7 @@ function parseComponent(node: PluginUINodeData): Anatomy {
 function isContextNode(node: PluginUINodeData, componentName: string): boolean {
     // Remove non-ascii characters (we tried a convention of decorating template node names)
     const nodeName = node.name.replace(/[^\x20-\x7F]/g, "").trim();
-    return node.type === "COMPONENT" || nodeName.toLowerCase() === componentName.toLowerCase();
+    return node.type === "COMPONENT" || componentName.toLowerCase().indexOf(nodeName.toLowerCase()) !== -1;
 }
 
 function walkNode(node: PluginUINodeData, componentName: string, condition: Record<string, string | boolean> | undefined, anatomy: Anatomy): void {