@supernova-studio/client 0.55.5 → 0.55.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +108 -6
  2. package/dist/index.d.ts +108 -6
  3. package/dist/index.js +22 -11
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +22 -11
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -23246,7 +23246,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23246
23246
  data: z.ZodObject<{
23247
23247
  blocks: z.ZodArray<z.ZodType<PageBlockV1, z.ZodTypeDef, {
23248
23248
  persistentId: string;
23249
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
23249
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
23250
23250
  url?: string | null | undefined;
23251
23251
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
23252
23252
  asset?: {
@@ -23466,6 +23466,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23466
23466
  selectedThemeIds: string[];
23467
23467
  }[] | null | undefined;
23468
23468
  blacklistedElementProperties?: string[] | null | undefined;
23469
+ figmaComponentsBlockConfig?: {
23470
+ backgroundColor?: {
23471
+ value: string;
23472
+ } | null | undefined;
23473
+ showComponentName?: boolean | null | undefined;
23474
+ showComponentDescription?: boolean | null | undefined;
23475
+ showPropertyList?: boolean | null | undefined;
23476
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
23477
+ } | null | undefined;
23478
+ selectedFigmaComponent?: {
23479
+ figmaComponentId: string;
23480
+ selectedComponentProperties: string[];
23481
+ } | null | undefined;
23482
+ selectedFigmaComponents?: {
23483
+ figmaComponentId: string;
23484
+ selectedComponentProperties: string[];
23485
+ }[] | null | undefined;
23469
23486
  userMetadata?: string | null | undefined;
23470
23487
  } & {
23471
23488
  children: any[] | null | undefined;
@@ -23817,7 +23834,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23817
23834
  }, {
23818
23835
  blocks: ({
23819
23836
  persistentId: string;
23820
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
23837
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
23821
23838
  url?: string | null | undefined;
23822
23839
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
23823
23840
  asset?: {
@@ -24037,6 +24054,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24037
24054
  selectedThemeIds: string[];
24038
24055
  }[] | null | undefined;
24039
24056
  blacklistedElementProperties?: string[] | null | undefined;
24057
+ figmaComponentsBlockConfig?: {
24058
+ backgroundColor?: {
24059
+ value: string;
24060
+ } | null | undefined;
24061
+ showComponentName?: boolean | null | undefined;
24062
+ showComponentDescription?: boolean | null | undefined;
24063
+ showPropertyList?: boolean | null | undefined;
24064
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
24065
+ } | null | undefined;
24066
+ selectedFigmaComponent?: {
24067
+ figmaComponentId: string;
24068
+ selectedComponentProperties: string[];
24069
+ } | null | undefined;
24070
+ selectedFigmaComponents?: {
24071
+ figmaComponentId: string;
24072
+ selectedComponentProperties: string[];
24073
+ }[] | null | undefined;
24040
24074
  userMetadata?: string | null | undefined;
24041
24075
  } & {
24042
24076
  children: any[] | null | undefined;
@@ -24612,7 +24646,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24612
24646
  }>;
24613
24647
  blocks: z.ZodArray<z.ZodType<PageBlockV1, z.ZodTypeDef, {
24614
24648
  persistentId: string;
24615
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
24649
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
24616
24650
  url?: string | null | undefined;
24617
24651
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
24618
24652
  asset?: {
@@ -24832,11 +24866,28 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24832
24866
  selectedThemeIds: string[];
24833
24867
  }[] | null | undefined;
24834
24868
  blacklistedElementProperties?: string[] | null | undefined;
24869
+ figmaComponentsBlockConfig?: {
24870
+ backgroundColor?: {
24871
+ value: string;
24872
+ } | null | undefined;
24873
+ showComponentName?: boolean | null | undefined;
24874
+ showComponentDescription?: boolean | null | undefined;
24875
+ showPropertyList?: boolean | null | undefined;
24876
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
24877
+ } | null | undefined;
24878
+ selectedFigmaComponent?: {
24879
+ figmaComponentId: string;
24880
+ selectedComponentProperties: string[];
24881
+ } | null | undefined;
24882
+ selectedFigmaComponents?: {
24883
+ figmaComponentId: string;
24884
+ selectedComponentProperties: string[];
24885
+ }[] | null | undefined;
24835
24886
  userMetadata?: string | null | undefined;
24836
24887
  } & {
24837
24888
  children: ({
24838
24889
  persistentId: string;
24839
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
24890
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
24840
24891
  url?: string | null | undefined;
24841
24892
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
24842
24893
  asset?: {
@@ -25056,6 +25107,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25056
25107
  selectedThemeIds: string[];
25057
25108
  }[] | null | undefined;
25058
25109
  blacklistedElementProperties?: string[] | null | undefined;
25110
+ figmaComponentsBlockConfig?: {
25111
+ backgroundColor?: {
25112
+ value: string;
25113
+ } | null | undefined;
25114
+ showComponentName?: boolean | null | undefined;
25115
+ showComponentDescription?: boolean | null | undefined;
25116
+ showPropertyList?: boolean | null | undefined;
25117
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25118
+ } | null | undefined;
25119
+ selectedFigmaComponent?: {
25120
+ figmaComponentId: string;
25121
+ selectedComponentProperties: string[];
25122
+ } | null | undefined;
25123
+ selectedFigmaComponents?: {
25124
+ figmaComponentId: string;
25125
+ selectedComponentProperties: string[];
25126
+ }[] | null | undefined;
25059
25127
  userMetadata?: string | null | undefined;
25060
25128
  } & any)[] | null | undefined;
25061
25129
  }>, "many">;
@@ -25178,7 +25246,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25178
25246
  };
25179
25247
  blocks: ({
25180
25248
  persistentId: string;
25181
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
25249
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
25182
25250
  url?: string | null | undefined;
25183
25251
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
25184
25252
  asset?: {
@@ -25398,11 +25466,28 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25398
25466
  selectedThemeIds: string[];
25399
25467
  }[] | null | undefined;
25400
25468
  blacklistedElementProperties?: string[] | null | undefined;
25469
+ figmaComponentsBlockConfig?: {
25470
+ backgroundColor?: {
25471
+ value: string;
25472
+ } | null | undefined;
25473
+ showComponentName?: boolean | null | undefined;
25474
+ showComponentDescription?: boolean | null | undefined;
25475
+ showPropertyList?: boolean | null | undefined;
25476
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25477
+ } | null | undefined;
25478
+ selectedFigmaComponent?: {
25479
+ figmaComponentId: string;
25480
+ selectedComponentProperties: string[];
25481
+ } | null | undefined;
25482
+ selectedFigmaComponents?: {
25483
+ figmaComponentId: string;
25484
+ selectedComponentProperties: string[];
25485
+ }[] | null | undefined;
25401
25486
  userMetadata?: string | null | undefined;
25402
25487
  } & {
25403
25488
  children: ({
25404
25489
  persistentId: string;
25405
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
25490
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
25406
25491
  url?: string | null | undefined;
25407
25492
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
25408
25493
  asset?: {
@@ -25622,6 +25707,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25622
25707
  selectedThemeIds: string[];
25623
25708
  }[] | null | undefined;
25624
25709
  blacklistedElementProperties?: string[] | null | undefined;
25710
+ figmaComponentsBlockConfig?: {
25711
+ backgroundColor?: {
25712
+ value: string;
25713
+ } | null | undefined;
25714
+ showComponentName?: boolean | null | undefined;
25715
+ showComponentDescription?: boolean | null | undefined;
25716
+ showPropertyList?: boolean | null | undefined;
25717
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25718
+ } | null | undefined;
25719
+ selectedFigmaComponent?: {
25720
+ figmaComponentId: string;
25721
+ selectedComponentProperties: string[];
25722
+ } | null | undefined;
25723
+ selectedFigmaComponents?: {
25724
+ figmaComponentId: string;
25725
+ selectedComponentProperties: string[];
25726
+ }[] | null | undefined;
25625
25727
  userMetadata?: string | null | undefined;
25626
25728
  } & any)[] | null | undefined;
25627
25729
  })[];
package/dist/index.d.ts CHANGED
@@ -23246,7 +23246,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23246
23246
  data: z.ZodObject<{
23247
23247
  blocks: z.ZodArray<z.ZodType<PageBlockV1, z.ZodTypeDef, {
23248
23248
  persistentId: string;
23249
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
23249
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
23250
23250
  url?: string | null | undefined;
23251
23251
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
23252
23252
  asset?: {
@@ -23466,6 +23466,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23466
23466
  selectedThemeIds: string[];
23467
23467
  }[] | null | undefined;
23468
23468
  blacklistedElementProperties?: string[] | null | undefined;
23469
+ figmaComponentsBlockConfig?: {
23470
+ backgroundColor?: {
23471
+ value: string;
23472
+ } | null | undefined;
23473
+ showComponentName?: boolean | null | undefined;
23474
+ showComponentDescription?: boolean | null | undefined;
23475
+ showPropertyList?: boolean | null | undefined;
23476
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
23477
+ } | null | undefined;
23478
+ selectedFigmaComponent?: {
23479
+ figmaComponentId: string;
23480
+ selectedComponentProperties: string[];
23481
+ } | null | undefined;
23482
+ selectedFigmaComponents?: {
23483
+ figmaComponentId: string;
23484
+ selectedComponentProperties: string[];
23485
+ }[] | null | undefined;
23469
23486
  userMetadata?: string | null | undefined;
23470
23487
  } & {
23471
23488
  children: any[] | null | undefined;
@@ -23817,7 +23834,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
23817
23834
  }, {
23818
23835
  blocks: ({
23819
23836
  persistentId: string;
23820
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
23837
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
23821
23838
  url?: string | null | undefined;
23822
23839
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
23823
23840
  asset?: {
@@ -24037,6 +24054,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24037
24054
  selectedThemeIds: string[];
24038
24055
  }[] | null | undefined;
24039
24056
  blacklistedElementProperties?: string[] | null | undefined;
24057
+ figmaComponentsBlockConfig?: {
24058
+ backgroundColor?: {
24059
+ value: string;
24060
+ } | null | undefined;
24061
+ showComponentName?: boolean | null | undefined;
24062
+ showComponentDescription?: boolean | null | undefined;
24063
+ showPropertyList?: boolean | null | undefined;
24064
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
24065
+ } | null | undefined;
24066
+ selectedFigmaComponent?: {
24067
+ figmaComponentId: string;
24068
+ selectedComponentProperties: string[];
24069
+ } | null | undefined;
24070
+ selectedFigmaComponents?: {
24071
+ figmaComponentId: string;
24072
+ selectedComponentProperties: string[];
24073
+ }[] | null | undefined;
24040
24074
  userMetadata?: string | null | undefined;
24041
24075
  } & {
24042
24076
  children: any[] | null | undefined;
@@ -24612,7 +24646,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24612
24646
  }>;
24613
24647
  blocks: z.ZodArray<z.ZodType<PageBlockV1, z.ZodTypeDef, {
24614
24648
  persistentId: string;
24615
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
24649
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
24616
24650
  url?: string | null | undefined;
24617
24651
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
24618
24652
  asset?: {
@@ -24832,11 +24866,28 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
24832
24866
  selectedThemeIds: string[];
24833
24867
  }[] | null | undefined;
24834
24868
  blacklistedElementProperties?: string[] | null | undefined;
24869
+ figmaComponentsBlockConfig?: {
24870
+ backgroundColor?: {
24871
+ value: string;
24872
+ } | null | undefined;
24873
+ showComponentName?: boolean | null | undefined;
24874
+ showComponentDescription?: boolean | null | undefined;
24875
+ showPropertyList?: boolean | null | undefined;
24876
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
24877
+ } | null | undefined;
24878
+ selectedFigmaComponent?: {
24879
+ figmaComponentId: string;
24880
+ selectedComponentProperties: string[];
24881
+ } | null | undefined;
24882
+ selectedFigmaComponents?: {
24883
+ figmaComponentId: string;
24884
+ selectedComponentProperties: string[];
24885
+ }[] | null | undefined;
24835
24886
  userMetadata?: string | null | undefined;
24836
24887
  } & {
24837
24888
  children: ({
24838
24889
  persistentId: string;
24839
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
24890
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
24840
24891
  url?: string | null | undefined;
24841
24892
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
24842
24893
  asset?: {
@@ -25056,6 +25107,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25056
25107
  selectedThemeIds: string[];
25057
25108
  }[] | null | undefined;
25058
25109
  blacklistedElementProperties?: string[] | null | undefined;
25110
+ figmaComponentsBlockConfig?: {
25111
+ backgroundColor?: {
25112
+ value: string;
25113
+ } | null | undefined;
25114
+ showComponentName?: boolean | null | undefined;
25115
+ showComponentDescription?: boolean | null | undefined;
25116
+ showPropertyList?: boolean | null | undefined;
25117
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25118
+ } | null | undefined;
25119
+ selectedFigmaComponent?: {
25120
+ figmaComponentId: string;
25121
+ selectedComponentProperties: string[];
25122
+ } | null | undefined;
25123
+ selectedFigmaComponents?: {
25124
+ figmaComponentId: string;
25125
+ selectedComponentProperties: string[];
25126
+ }[] | null | undefined;
25059
25127
  userMetadata?: string | null | undefined;
25060
25128
  } & any)[] | null | undefined;
25061
25129
  }>, "many">;
@@ -25178,7 +25246,7 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25178
25246
  };
25179
25247
  blocks: ({
25180
25248
  persistentId: string;
25181
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
25249
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
25182
25250
  url?: string | null | undefined;
25183
25251
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
25184
25252
  asset?: {
@@ -25398,11 +25466,28 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25398
25466
  selectedThemeIds: string[];
25399
25467
  }[] | null | undefined;
25400
25468
  blacklistedElementProperties?: string[] | null | undefined;
25469
+ figmaComponentsBlockConfig?: {
25470
+ backgroundColor?: {
25471
+ value: string;
25472
+ } | null | undefined;
25473
+ showComponentName?: boolean | null | undefined;
25474
+ showComponentDescription?: boolean | null | undefined;
25475
+ showPropertyList?: boolean | null | undefined;
25476
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25477
+ } | null | undefined;
25478
+ selectedFigmaComponent?: {
25479
+ figmaComponentId: string;
25480
+ selectedComponentProperties: string[];
25481
+ } | null | undefined;
25482
+ selectedFigmaComponents?: {
25483
+ figmaComponentId: string;
25484
+ selectedComponentProperties: string[];
25485
+ }[] | null | undefined;
25401
25486
  userMetadata?: string | null | undefined;
25402
25487
  } & {
25403
25488
  children: ({
25404
25489
  persistentId: string;
25405
- type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline";
25490
+ type: "Tabs" | "Custom" | "Theme" | "Token" | "Component" | "Text" | "Link" | "Image" | "Code" | "Table" | "Divider" | "Quote" | "Callout" | "Embed" | "Guidelines" | "Heading" | "UnorderedList" | "OrderedList" | "Shortcuts" | "FigmaEmbed" | "YoutubeEmbed" | "StorybookEmbed" | "TokenGroup" | "TokenList" | "ComponentGroup" | "ComponentSandbox" | "FigmaFrames" | "ComponentAssets" | "ComponentAssetGroup" | "RenderCode" | "TabItem" | "TableRow" | "TableCell" | "Guideline" | "FigmaComponents" | "FigmaComponentPropsTable";
25406
25491
  url?: string | null | undefined;
25407
25492
  tokenType?: "Image" | "Font" | "Color" | "Border" | "Gradient" | "Shadow" | "Dimension" | "Duration" | "Size" | "Space" | "Opacity" | "FontSize" | "LineHeight" | "LetterSpacing" | "ParagraphSpacing" | "BorderWidth" | "BorderRadius" | "ZIndex" | "String" | "ProductCopy" | "FontFamily" | "FontWeight" | "TextDecoration" | "TextCase" | "Visibility" | "Typography" | "Blur" | null | undefined;
25408
25493
  asset?: {
@@ -25622,6 +25707,23 @@ declare const DocumentationPageV1DTO: z.ZodObject<z.objectUtil.extendShape<Omit<
25622
25707
  selectedThemeIds: string[];
25623
25708
  }[] | null | undefined;
25624
25709
  blacklistedElementProperties?: string[] | null | undefined;
25710
+ figmaComponentsBlockConfig?: {
25711
+ backgroundColor?: {
25712
+ value: string;
25713
+ } | null | undefined;
25714
+ showComponentName?: boolean | null | undefined;
25715
+ showComponentDescription?: boolean | null | undefined;
25716
+ showPropertyList?: boolean | null | undefined;
25717
+ previewContainerSize?: "Centered" | "NaturalHeight" | null | undefined;
25718
+ } | null | undefined;
25719
+ selectedFigmaComponent?: {
25720
+ figmaComponentId: string;
25721
+ selectedComponentProperties: string[];
25722
+ } | null | undefined;
25723
+ selectedFigmaComponents?: {
25724
+ figmaComponentId: string;
25725
+ selectedComponentProperties: string[];
25726
+ }[] | null | undefined;
25625
25727
  userMetadata?: string | null | undefined;
25626
25728
  } & any)[] | null | undefined;
25627
25729
  })[];
package/dist/index.js CHANGED
@@ -1636,7 +1636,9 @@ var PageBlockTypeV1 = _zod.z.enum([
1636
1636
  "TableRow",
1637
1637
  "TableCell",
1638
1638
  "Guidelines",
1639
- "Guideline"
1639
+ "Guideline",
1640
+ "FigmaComponents",
1641
+ "FigmaComponentPropsTable"
1640
1642
  ]);
1641
1643
  var PageBlockCodeLanguage = _zod.z.enum([
1642
1644
  "Angular",
@@ -1740,15 +1742,6 @@ var PageBlockCustomBlockPropertyImageValue = _zod.z.object({
1740
1742
  var PageBlockCustomBlockPropertyValue = _zod.z.object({
1741
1743
  key: _zod.z.string(),
1742
1744
  value: _zod.z.any()
1743
- // TODO Artem: for some reason there are cases when there's an array here in the DB
1744
- // e.g. element id 67451 in the dev db
1745
- // value: z
1746
- // .boolean()
1747
- // .or(z.number())
1748
- // .or(z.string())
1749
- // .or(ColorTokenData)
1750
- // .or(TypographyTokenData)
1751
- // .or(PageBlockCustomBlockPropertyImageValue),
1752
1745
  });
1753
1746
  var PageBlockFigmaFrameProperties = _zod.z.object({
1754
1747
  color: nullishToOptional(
@@ -1782,6 +1775,17 @@ var PageBlockTableProperties = _zod.z.object({
1782
1775
  showHeaderColumn: _zod.z.boolean(),
1783
1776
  columns: _zod.z.array(PageBlockTableColumn)
1784
1777
  });
1778
+ var PageBlockFigmaComponentBlockConfig = _zod.z.object({
1779
+ showComponentName: nullishToOptional(_zod.z.boolean()),
1780
+ showComponentDescription: nullishToOptional(_zod.z.boolean()),
1781
+ showPropertyList: nullishToOptional(_zod.z.boolean()),
1782
+ previewContainerSize: nullishToOptional(_zod.z.enum(["Centered", "NaturalHeight"])),
1783
+ backgroundColor: nullishToOptional(ColorTokenInlineData)
1784
+ });
1785
+ var PageBlockSelectedFigmaComponent = _zod.z.object({
1786
+ figmaComponentId: _zod.z.string(),
1787
+ selectedComponentProperties: _zod.z.string().array()
1788
+ });
1785
1789
  var PageBlockTextSpanAttributeType = _zod.z.enum(["Bold", "Italic", "Link", "Strikethrough", "Code", "Comment"]);
1786
1790
  var PageBlockTextSpanAttribute = _zod.z.object({
1787
1791
  type: PageBlockTextSpanAttributeType,
@@ -1858,6 +1862,10 @@ var PageBlockBaseV1 = _zod.z.object({
1858
1862
  theme: nullishToOptional(PageBlockTheme),
1859
1863
  swatches: nullishToOptional(PageBlockSwatch.array()),
1860
1864
  blacklistedElementProperties: nullishToOptional(_zod.z.array(_zod.z.string())),
1865
+ // Figma components
1866
+ figmaComponentsBlockConfig: nullishToOptional(PageBlockFigmaComponentBlockConfig),
1867
+ selectedFigmaComponent: nullishToOptional(PageBlockSelectedFigmaComponent),
1868
+ selectedFigmaComponents: nullishToOptional(PageBlockSelectedFigmaComponent.array()),
1861
1869
  // Arbitrary
1862
1870
  userMetadata: nullishToOptional(_zod.z.string())
1863
1871
  });
@@ -2127,6 +2135,9 @@ var PageBlockDefinitionComponentOptions = _zod.z.object({
2127
2135
  renderLayoutAs: _zod.z.enum(["List", "Table"]).optional(),
2128
2136
  allowPropertySelection: _zod.z.boolean().optional()
2129
2137
  });
2138
+ var PageBlockDefinitionFigmaComponentOptions = _zod.z.object({
2139
+ renderLayoutAs: _zod.z.enum(["Grid", "PropsTable", "Canvas", "Playground"])
2140
+ });
2130
2141
  var PageBlockDefinitionProperty = _zod.z.object({
2131
2142
  id: _zod.z.string(),
2132
2143
  name: _zod.z.string(),
@@ -2233,7 +2244,7 @@ var PageBlockItemFigmaComponentValue = _zod.z.object({
2233
2244
  _zod.z.object({
2234
2245
  entityId: _zod.z.string(),
2235
2246
  entityType: _zod.z.enum(["FigmaComponent"]),
2236
- entityMeta: PageBlockFigmaComponentEntityMeta.optional()
2247
+ selectedComponentProperties: _zod.z.string().array().optional()
2237
2248
  })
2238
2249
  ).default([])
2239
2250
  });