@supernova-studio/client 0.55.4 → 0.55.6

package/dist/index.mjs

@@ -2127,6 +2127,9 @@ var PageBlockDefinitionComponentOptions = z43.object({
   renderLayoutAs: z43.enum(["List", "Table"]).optional(),
   allowPropertySelection: z43.boolean().optional()
 });
+var PageBlockDefinitionFigmaComponentOptions = z43.object({
+  renderLayoutAs: z43.enum(["Grid", "PropsTable", "Canvas", "Playground"])
+});
 var PageBlockDefinitionProperty = z43.object({
   id: z43.string(),
   name: z43.string(),
@@ -10760,6 +10763,149 @@ var blocks = [
       isEditorPresentationDifferent: false,
       showBlockHeaderInEditor: false
     }
+  },
+  {
+    id: "io.supernova.block.figma-components",
+    name: "Figma component",
+    description: "Display Figma component variants or group of components.",
+    category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
+    searchKeywords: ["variants", "properties"],
+    item: {
+      properties: [
+        {
+          id: "figmaComponent",
+          name: "Figma component",
+          type: "FigmaComponent",
+          options: {
+            renderLayoutAs: "Grid"
+          },
+          variantOptions: {
+            canvas: {
+              renderLayoutAs: "Canvas"
+            }
+          }
+        }
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "grid",
+          name: "Grid",
+          image: "tbd",
+          description: "Components or variants will be rendered individually in a grid layout",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 4,
+          defaultColumns: 1,
+          appearance: {}
+        },
+        {
+          id: "canvas",
+          name: "Canvas",
+          image: "tbd",
+          description: "Components or variants will be rendered on a single canvas",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 4,
+          defaultColumns: 1,
+          appearance: {}
+        }
+      ],
+      defaultVariantKey: "grid"
+    },
+    behavior: {
+      dataType: "FigmaComponent",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display Figma component variants or group of components.",
+        documentationLink: "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-group-09"
+      }
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
+  },
+  {
+    id: "io.supernova.block.figma-components-propstable",
+    name: "Figma component properties",
+    description: "Display properties based on Figma component data.",
+    category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
+    searchKeywords: ["variants", "properties", "props", "table"],
+    item: {
+      properties: [
+        {
+          id: "figmaComponent",
+          name: "Figma component",
+          type: "FigmaComponent",
+          options: {
+            renderLayoutAs: "PropsTable"
+          }
+        }
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium"
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {}
+        }
+      ],
+      defaultVariantKey: "default"
+    },
+    behavior: {
+      dataType: "FigmaComponent",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 1
+      }
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display properties based on Figma component data.",
+        documentationLink: ""
+      }
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false
+    }
   }
 ];