@seed-design/figma 0.1.8 → 0.1.9

package/src/codegen/targets/react/component/handlers/select-box.ts

@@ -14,7 +14,7 @@ export const createSelectBoxHandler = (_ctx: ComponentHandlerDeps) =>
     ({ componentProperties: props }) => {
       const tag = match(props.Control.value)
         .with("Checkbox", () => "CheckSelectBox")
-        .with("Radio", () => "RadioSelectBox")
+        .with("Radio", () => "RadioSelectBoxItem")
         .exhaustive();
 
       const states = props.State.value.split("-");
@@ -24,7 +24,7 @@ export const createSelectBoxHandler = (_ctx: ComponentHandlerDeps) =>
         ...(props["Show Description#3033:0"].value && {
           description: props["Description #3033:5"].value,
         }),
-        ...(tag === "RadioSelectBox" && {
+        ...(tag === "RadioSelectBoxItem" && {
           value: props["Label#3635:0"].value,
         }),
         ...(tag === "CheckSelectBox" &&
@@ -47,7 +47,7 @@ export const createSelectBoxGroupHandler = (ctx: ComponentHandlerDeps) => {
 
       const tag = match(props.Control.value)
         .with("Checkbox", () => "CheckSelectBoxGroup")
-        .with("Radio", () => "RadioSelectBoxGroup")
+        .with("Radio", () => "RadioSelectBoxRoot")
         .exhaustive();
 
       const selectBoxes = findAllInstances<SelectBoxProperties>({
@@ -69,7 +69,7 @@ export const createSelectBoxGroupHandler = (ctx: ComponentHandlerDeps) => {
       );
 
       const commonProps = {
-        ...(tag === "RadioSelectBoxGroup" && {
+        ...(tag === "RadioSelectBoxRoot" && {
           defaultValue: selectedSelectBox?.componentProperties["Label#3635:0"].value,
         }),
       };

package/src/codegen/targets/react/component/handlers/switch.ts

@@ -3,7 +3,6 @@ import { defineComponentHandler } from "@/codegen/core";
 import * as metadata from "@/entities/data/__generated__/component-sets";
 import { createLocalSnippetHelper } from "../../element-factories";
 import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
 
 const { createLocalSnippetElement } = createLocalSnippetHelper("switch");
 
@@ -13,13 +12,9 @@ export const createSwitchHandler = (_ctx: ComponentHandlerDeps) =>
     ({ componentProperties: props }) => {
       const states = props.State.value.split("-");
 
-      const size = handleSizeProp(props.Size.value);
-
       const commonProps = {
-        size,
-        ...(size === "small" && {
-          label: props["Label#15191:2"].value,
-        }),
+        size: props.Size.value,
+        label: props["Label#36578:0"].value,
         ...(states.includes("Selected") && {
           defaultChecked: true,
         }),

package/src/codegen/targets/react/props.ts

@@ -143,7 +143,7 @@ export function createContainerLayoutPropsConverter(
 }
 
 export interface SelfLayoutProps {
-  grow?: 0 | 1 | true;
+  flexGrow?: 0 | 1 | true;
   alignSelf?: "stretch";
   width?: string | number;
   height?: string | number;
@@ -162,7 +162,7 @@ export function createSelfLayoutPropsConverter(
       props: {} as SelfLayoutProps,
     },
     handlers: {
-      grow: ({ layoutGrow }) => (layoutGrow === 1 ? true : layoutGrow),
+      flexGrow: ({ layoutGrow }) => (layoutGrow === 1 ? true : layoutGrow),
       alignSelf: ({ layoutAlign }) =>
         match(layoutAlign)
           .with("STRETCH", () => "stretch" as const)
@@ -198,7 +198,7 @@ export function createSelfLayoutPropsConverter(
           : undefined,
     },
     defaults: {
-      grow: 0,
+      flexGrow: 0,
     },
   });
 }
@@ -371,7 +371,7 @@ export function createVectorChildrenFillPropsConverter(valueResolver: ReactValue
 }
 
 export interface StrokeProps {
-  borderWidth?: number;
+  borderWidth?: string;
   borderColor?: string;
 }
 
@@ -380,7 +380,7 @@ export function createStrokePropsConverter(
 ): PropsConverter<StrokeTrait, StrokeProps> {
   return definePropsConverter((node) => {
     const borderColor = valueResolver.getFormattedValue.stroke(node);
-    const borderWidth = borderColor ? node.strokeWeight : undefined;
+    const borderWidth = borderColor && node.strokeWeight ? `${node.strokeWeight}` : undefined;
 
     return {
       borderColor,

package/src/entities/data/__generated__/component-sets/chip.d.ts

@@ -36,6 +36,10 @@ export declare const metadata: {
         {
           "type": "COMPONENT_SET",
           "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6"
+        },
+        {
+          "type": "COMPONENT_SET",
+          "key": "19923052d4152393ecdc6e2f5853ea0359849127"
         }
       ]
     },

package/src/entities/data/__generated__/component-sets/chip.mjs

@@ -36,6 +36,10 @@ export const metadata = {
         {
           "type": "COMPONENT_SET",
           "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6"
+        },
+        {
+          "type": "COMPONENT_SET",
+          "key": "19923052d4152393ecdc6e2f5853ea0359849127"
         }
       ]
     },

package/src/entities/data/__generated__/component-sets/progress-circle.d.ts

@@ -15,7 +15,7 @@ export declare const metadata: {
         "Neutral",
         "Brand",
         "Static White",
-        "Custom"
+        "Custom(inherit)"
       ]
     },
     "Value": {

package/src/entities/data/__generated__/component-sets/progress-circle.mjs

@@ -15,7 +15,7 @@ export const metadata = {
         "Neutral",
         "Brand",
         "Static White",
-        "Custom"
+        "Custom(inherit)"
       ]
     },
     "Value": {

package/src/entities/data/__generated__/component-sets/switch.d.ts

@@ -1,25 +1,34 @@
 export declare const metadata: {
   "name": "🟢 Switch",
-  "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
+  "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
   "componentPropertyDefinitions": {
-    "Label#15191:2": {
+    "Label#36578:0": {
       "type": "TEXT"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
-        "Small",
-        "Medium"
+        "16",
+        "24",
+        "32"
       ]
     },
     "State": {
       "type": "VARIANT",
       "variantOptions": [
         "Enabled",
-        "Selected",
         "Disabled",
+        "Selected",
         "Selected-Disabled"
       ]
+    },
+    "Label Layout(Figma Only)": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "None",
+        "Right",
+        "Left"
+      ]
     }
   }
 };

package/src/entities/data/__generated__/component-sets/switch.mjs

@@ -1,25 +1,34 @@
 export const metadata = {
   "name": "🟢 Switch",
-  "key": "80ce5a33b5ab713ab3bd2449472e2fb13d78c7f3",
+  "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
   "componentPropertyDefinitions": {
-    "Label#15191:2": {
+    "Label#36578:0": {
       "type": "TEXT"
     },
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
-        "Small",
-        "Medium"
+        "16",
+        "24",
+        "32"
       ]
     },
     "State": {
       "type": "VARIANT",
       "variantOptions": [
         "Enabled",
-        "Selected",
         "Disabled",
+        "Selected",
         "Selected-Disabled"
       ]
+    },
+    "Label Layout(Figma Only)": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "None",
+        "Right",
+        "Left"
+      ]
     }
   }
 };