@supernova-studio/model 0.55.6 → 0.55.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supernova-studio/model",
-  "version": "0.55.6",
+  "version": "0.55.8",
   "description": "Supernova Data Models",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/dsm/elements/data/border-radius.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const BorderRadiusUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const BorderRadiusValue = z.object({
-  unit: BorderRadiusUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/border-width.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const BorderWidthUnit = z.enum(["Pixels"]);
 
 export const BorderWidthValue = z.object({
-  unit: BorderWidthUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/documentation-block-v1.ts

@@ -47,6 +47,8 @@ export const PageBlockTypeV1 = z.enum([
   "TableCell",
   "Guidelines",
   "Guideline",
+  "FigmaComponents",
+  "FigmaComponentPropsTable",
 ]);
 
 export const PageBlockCodeLanguage = z.enum([
@@ -168,17 +170,6 @@ export const PageBlockCustomBlockPropertyImageValue = z.object({
 export const PageBlockCustomBlockPropertyValue = z.object({
   key: z.string(),
   value: z.any(),
-
-  // TODO Artem: for some reason there are cases when there's an array here in the DB
-  // e.g. element id 67451 in the dev db
-
-  // value: z
-  //   .boolean()
-  //   .or(z.number())
-  //   .or(z.string())
-  //   .or(ColorTokenData)
-  //   .or(TypographyTokenData)
-  //   .or(PageBlockCustomBlockPropertyImageValue),
 });
 
 export const PageBlockFigmaFrameProperties = z.object({
@@ -218,6 +209,23 @@ export const PageBlockTableProperties = z.object({
   columns: z.array(PageBlockTableColumn),
 });
 
+export const PageBlockFigmaComponentBlockConfig = z.object({
+  showComponentName: nullishToOptional(z.boolean()),
+  showComponentDescription: nullishToOptional(z.boolean()),
+  showPropertyList: nullishToOptional(z.boolean()),
+  previewContainerSize: nullishToOptional(z.enum(["Centered", "NaturalHeight"])),
+  backgroundColor: nullishToOptional(ColorTokenInlineData),
+});
+
+export const PageBlockSelectedFigmaComponent = z.object({
+  figmaComponentId: z.string(),
+  selectedComponentProperties: z.string().array(),
+});
+
+//
+// Rich text
+//
+
 export const PageBlockTextSpanAttributeType = z.enum(["Bold", "Italic", "Link", "Strikethrough", "Code", "Comment"]);
 
 export const PageBlockTextSpanAttribute = z.object({
@@ -275,6 +283,7 @@ export type PageBlockSwatch = z.infer<typeof PageBlockSwatch>;
 export type PageBlockShortcut = z.infer<typeof PageBlockShortcut>;
 export type PageBlockCustomBlockPropertyValue = z.infer<typeof PageBlockCustomBlockPropertyValue>;
 export type PageBlockCustomBlockPropertyImageValue = z.infer<typeof PageBlockCustomBlockPropertyImageValue>;
+export type PageBlockFigmaComponentBlockConfig = z.infer<typeof PageBlockFigmaComponentBlockConfig>;
 
 //
 // Block
@@ -342,6 +351,11 @@ export const PageBlockBaseV1 = z.object({
   swatches: nullishToOptional(PageBlockSwatch.array()),
   blacklistedElementProperties: nullishToOptional(z.array(z.string())),
 
+  // Figma components
+  figmaComponentsBlockConfig: nullishToOptional(PageBlockFigmaComponentBlockConfig),
+  selectedFigmaComponent: nullishToOptional(PageBlockSelectedFigmaComponent),
+  selectedFigmaComponents: nullishToOptional(PageBlockSelectedFigmaComponent.array()),
+
   // Arbitrary
   userMetadata: nullishToOptional(z.string()),
 });

package/src/dsm/elements/data/documentation-block-v2.ts

@@ -148,7 +148,7 @@ export const PageBlockItemFigmaComponentValue = z.object({
       z.object({
         entityId: z.string(),
         entityType: z.enum(["FigmaComponent"]),
-        entityMeta: PageBlockFigmaComponentEntityMeta.optional(),
+        selectedComponentProperties: z.string().array().optional(),
       })
     )
     .default([]),

package/src/dsm/elements/data/duration.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const DurationUnit = z.enum(["Ms"]);
 
 export const DurationValue = z.object({
-  unit: DurationUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/font-size.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const FontSizeUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const FontSizeValue = z.object({
-  unit: FontSizeUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/letter-spacing.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const LetterSpacingUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const LetterSpacingValue = z.object({
-  unit: LetterSpacingUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/line-height.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const LineHeightUnit = z.enum(["Pixels", "Rem", "Percent", "Raw"]);
 
 export const LineHeightValue = z.object({
-  unit: LineHeightUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/opacity.ts

@@ -1,8 +1,9 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const OpacityValue = z.object({
-  unit: z.enum(["Raw", "Pixels"]),
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/paragraph-indent.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const ParagraphIndentUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const ParagraphIndentValue = z.object({
-  unit: ParagraphIndentUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/paragraph-spacing.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const ParagraphSpacingUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const ParagraphSpacingValue = z.object({
-  unit: ParagraphSpacingUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/size.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const SizeUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const SizeValue = z.object({
-  unit: SizeUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/space.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const SpaceUnit = z.enum(["Pixels", "Rem", "Percent"]);
 
 export const SpaceValue = z.object({
-  unit: SpaceUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });
 

package/src/dsm/elements/data/z-index.ts

@@ -1,10 +1,11 @@
 import { z } from "zod";
 import { tokenAliasOrValue } from "./base";
+import { DimensionUnit } from "./dimension";
 
 export const ZIndexUnit = z.enum(["Raw"]);
 
 export const ZIndexValue = z.object({
-  unit: ZIndexUnit,
+  unit: DimensionUnit,
   measure: z.number(),
 });