@seed-design/figma 1.3.12 → 1.3.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/figma",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -39,7 +39,7 @@
     "sync-entities": "find src/entities/data/__generated__ -mindepth 1 -maxdepth 1 ! -name 'archive' -exec rm -rf {} + 2>/dev/null; bun figma-extractor src/entities/data/__generated__"
   },
   "dependencies": {
-    "@seed-design/css": "1.2.10",
+    "@seed-design/css": "1.2.11",
     "change-case": "^5.4.4",
     "ts-pattern": "^5.7.0"
   },
@@ -48,7 +48,7 @@
     "@figma/rest-api-spec": "^0.36.0",
     "@karrotmarket/icon-data": "^1.28.0",
     "@seed-design/figma-extractor": "^1.1.1",
-    "typescript": "^5.9.2"
+    "typescript": "^6.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/codegen/targets/react/component/handlers/list-item.ts

@@ -39,9 +39,9 @@ export const createListItemHandler = (ctx: ComponentHandlerDeps) =>
   defineComponentHandler<ListItemProperties>(metadata.componentListItem.key, (node, traverse) => {
     const { componentProperties: props } = node;
 
-    const { alignItems, title } = match(props.Variants.value)
-      .with("Single Line", () => ({ alignItems: undefined, title: props["Title#28452:21"].value }))
-      .with("Multi Line", () => ({
+    const { alignItems, title } = match(props.Align.value)
+      .with("Center", () => ({ alignItems: undefined, title: props["Title#28452:21"].value }))
+      .with("Top", () => ({
         alignItems: "flex-start",
         title: props["Title #28487:0"].value,
       }))

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

@@ -1,39 +1,3 @@
-export declare const privateTemplateAttachmentField: {
-  "name": "privateTemplateAttachmentField",
-  "key": "5ba20e248e9cd0292fc285488b2ed3b3145d37b0",
-  "componentPropertyDefinitions": {
-    "Show Header#40606:8": {
-      "type": "BOOLEAN"
-    },
-    "Show Footer#40606:9": {
-      "type": "BOOLEAN"
-    },
-    "Type": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Media",
-        "File"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Error",
-        "Disabled",
-        "Read Only"
-      ]
-    },
-    "Has Value": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "False",
-        "True"
-      ]
-    }
-  }
-};
-
 export declare const privateTemplateChipGroupField: {
   "name": "privateTemplateChipGroupField",
   "key": "b6e9378d9ac76f812121d6aa7264cc38d2310e39",
@@ -282,6 +246,13 @@ export declare const privateComponentInputButtonPrefix: {
     "Icon#34021:2": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Type": {
       "type": "VARIANT",
       "variantOptions": [
@@ -302,6 +273,13 @@ export declare const privateComponentInputButtonSuffix: {
     "Icon#37963:0": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Type (Figma Only)": {
       "type": "VARIANT",
       "variantOptions": [
@@ -326,6 +304,13 @@ export declare const privateComponentInputButtonValue: {
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -346,12 +331,16 @@ export declare const privateComponentInputButtonValueDisabled: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -372,20 +361,24 @@ export declare const privateComponentInputButtonValueReadOnly: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Value": {
       "type": "VARIANT",
       "variantOptions": [
-        "Custom (Figma Only)",
-        "Chips-Overflow (Figma Only)",
-        "Chips-Scrollable (Figma Only)",
+        "Empty",
         "Text",
-        "Empty"
+        "Chips-Scrollable (Figma Only)",
+        "Chips-Overflow (Figma Only)",
+        "Custom (Figma Only)"
       ]
     }
   }
@@ -1157,24 +1150,7 @@ export declare const privateComponentTabsLine: {
 export declare const privateComponentTextInputCardNumberInput: {
   "name": "privateComponentTextInputCardNumberInput",
   "key": "60888e1eba691721f0ec6a41df43c1c075e5beac",
-  "componentPropertyDefinitions": {
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
-    "Has Value": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "false",
-        "true"
-      ]
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Plain Text"
-      ]
-    }
-  }
+  "componentPropertyDefinitions": {}
 };
 
 export declare const privateComponentTextInputIdNumberInput: {
@@ -1187,6 +1163,13 @@ export declare const privateComponentTextInputIdNumberInput: {
     "Clear Button#34067:1": {
       "type": "BOOLEAN"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1207,18 +1190,25 @@ export declare const privateComponentTextInputInput: {
   "name": "privateComponentTextInputInput",
   "key": "c030fb7107795ad42b4b2eea454b05fb4b4c9ac7",
   "componentPropertyDefinitions": {
+    "Show Clear Button#11049:0": {
+      "type": "BOOLEAN"
+    },
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
     "Show Cursor (Figma Only)#53584:0": {
       "type": "BOOLEAN"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1236,12 +1226,16 @@ export declare const privateComponentTextInputInputDisabled: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1259,12 +1253,16 @@ export declare const privateComponentTextInputInputReadOnly: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1282,6 +1280,13 @@ export declare const privateComponentTextInputPrefix: {
     "Icon#34021:2": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large"
+      ]
+    },
     "Type": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1302,6 +1307,13 @@ export declare const privateComponentTextInputSuffix: {
     "Icon#45391:0": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium",
+        "Large"
+      ]
+    },
     "Type (Figma Only)": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1324,6 +1336,13 @@ export declare const privateComponentTextareaInput: {
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1341,12 +1360,16 @@ export declare const privateComponentTextareaInputDisabled: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1364,12 +1387,16 @@ export declare const privateComponentTextareaInputReadOnly: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1454,7 +1481,7 @@ export declare const privateComponentTopNavigationTitleLeft: {
       "variantOptions": [
         "Avatar",
         "Custom",
-        "Cutom Icon"
+        "Custom Icon"
       ]
     }
   }
@@ -1483,6 +1510,9 @@ export declare const privateComponentUnderlineTextInputInput: {
   "name": "privateComponentUnderlineTextInputInput",
   "key": "a8a39cf124e7b4c3b873429e81b4278639a7031b",
   "componentPropertyDefinitions": {
+    "Show Clear Button#10972:0": {
+      "type": "BOOLEAN"
+    },
     "Value Text#34067:0": {
       "type": "TEXT"
     },
@@ -1492,6 +1522,13 @@ export declare const privateComponentUnderlineTextInputInput: {
     "Show Cursor (Figma Only)#53584:3": {
       "type": "BOOLEAN"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1509,12 +1546,16 @@ export declare const privateComponentUnderlineTextInputInputDisabled: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1532,12 +1573,16 @@ export declare const privateComponentUnderlineTextInputInputReadOnly: {
     "Value Text#34067:0": {
       "type": "TEXT"
     },
-    "Clear Button#34067:1": {
-      "type": "BOOLEAN"
-    },
     "Placeholder Text#34067:2": {
       "type": "TEXT"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Has Value": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1555,6 +1600,13 @@ export declare const privateComponentUnderlineTextInputPrefix: {
     "Icon#34021:2": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Type": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1575,6 +1627,13 @@ export declare const privateComponentUnderlineTextInputSuffix: {
     "Icon#45391:5": {
       "type": "INSTANCE_SWAP"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium"
+      ]
+    },
     "Type (Figma Only)": {
       "type": "VARIANT",
       "variantOptions": [
@@ -1874,38 +1933,6 @@ export declare const componentDeprecatedMultilineTextField: {
   }
 };
 
-export declare const componentDeprecatedRangeSlider: {
-  "name": "componentDeprecatedRangeSlider",
-  "key": "acd9b25dba649748699d0a67f900857629d62e64",
-  "componentPropertyDefinitions": {
-    "Steps": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "0",
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Disabled"
-      ]
-    },
-    "Marker": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "None",
-        "Min Max",
-        "All"
-      ]
-    }
-  }
-};
-
 export declare const componentDeprecatedSelectBox: {
   "name": "componentDeprecatedSelectBox",
   "key": "83d4bbb026d432c35f0b2c7b7b273eafdd28e1a1",
@@ -1968,38 +1995,6 @@ export declare const componentDeprecatedSelectBoxGroup: {
   }
 };
 
-export declare const componentDeprecatedSlider: {
-  "name": "componentDeprecatedSlider",
-  "key": "c103c0a6ec25de57bb41eb820648a467afc5788e",
-  "componentPropertyDefinitions": {
-    "Steps": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "0",
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Disabled"
-      ]
-    },
-    "Marker": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "None",
-        "Min Max",
-        "All"
-      ]
-    }
-  }
-};
-
 export declare const componentDeprecatedTextField: {
   "name": "componentDeprecatedTextField",
   "key": "5e497fe23421ab30b245b7d7b6624be803cb4d67",
@@ -2227,6 +2222,36 @@ export declare const componentAndroidNowBarScreen: {
   }
 };
 
+export declare const templateAttachmentField: {
+  "name": "templateAttachmentField",
+  "key": "fadc2874d82258d8522bb240de58a2400738f05e",
+  "componentPropertyDefinitions": {
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Media",
+        "File"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Error",
+        "Disabled",
+        "Read Only"
+      ]
+    },
+    "Has Value": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "False",
+        "True"
+      ]
+    }
+  }
+};
+
 export declare const componentAvatar: {
   "name": "componentAvatar",
   "key": "f17031afc2c71f35e5a147f6937a2b918029d334",
@@ -3010,8 +3035,8 @@ export declare const componentImageFrame: {
   }
 };
 
-export declare const componentIOsLiveAcitivityScreen: {
-  "name": "componentIOsLiveAcitivityScreen",
+export declare const componentIOsLiveActivityScreen: {
+  "name": "componentIOsLiveActivityScreen",
   "key": "3d7ff6cf68e769096237bcc0122be08caf8b6ce4",
   "componentPropertyDefinitions": {
     "Type": {
@@ -3122,11 +3147,11 @@ export declare const componentListItem: {
         "Disabled"
       ]
     },
-    "Variants": {
+    "Align": {
       "type": "VARIANT",
       "variantOptions": [
-        "Single Line",
-        "Multi Line"
+        "Center",
+        "Top"
       ]
     },
     "Highlighted": {
@@ -4235,6 +4260,41 @@ export declare const componentUserSelectionFigmaOnly: {
   }
 };
 
+export declare const componentAttachmentInput: {
+  "name": "componentAttachmentInput",
+  "key": "912d312b7a25ab698708e196a7d3f2f91d2bd2f5",
+  "componentPropertyDefinitions": {
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Media",
+        "File"
+      ]
+    },
+    "Trigger Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Button",
+        "Dropzone"
+      ]
+    },
+    "State": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Enabled",
+        "Disabled"
+      ]
+    },
+    "Has Value": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "False",
+        "True"
+      ]
+    }
+  }
+};
+
 export declare const componentFieldFooter: {
   "name": "componentFieldFooter",
   "key": "a2e73c375b787756a11e84c5915f8251c621ee3a",
@@ -4299,15 +4359,22 @@ export declare const componentInputButton: {
     "Has Suffix#32865:68": {
       "type": "BOOLEAN"
     },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium (Desktop Only)"
+      ]
+    },
     "State": {
       "type": "VARIANT",
       "variantOptions": [
         "Enabled",
+        "Pressed",
         "Error",
+        "Error Pressed",
         "Disabled",
-        "Read Only",
-        "Pressed",
-        "Error Pressed"
+        "Read Only"
       ]
     }
   }
@@ -4337,6 +4404,13 @@ export declare const componentTextInput: {
         "Read Only",
         "AI Loading (Figma Only)"
       ]
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium (Desktop Only)"
+      ]
     }
   }
 };
@@ -4345,6 +4419,13 @@ export declare const componentTextarea: {
   "name": "componentTextarea",
   "key": "e20ec5b725e0fdbaca728cecdc72b0c485728b4d",
   "componentPropertyDefinitions": {
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Large",
+        "Medium (Desktop Only)"
+      ]
+    },
     "Auto Size (Figma Only)": {
       "type": "VARIANT",
       "variantOptions": [
@@ -4388,6 +4469,13 @@ export declare const componentUnderlineTextInput: {
         "Read Only",
         "AI Loading (Figma Only)"
       ]
+    },
+    "Size": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Medium (Desktop Only)",
+        "Large"
+      ]
     }
   }
 };
@@ -4418,7 +4506,7 @@ export declare const componentActionButtonGhostButton: {
     "Size": {
       "type": "VARIANT",
       "variantOptions": [
-        "Xsmall",
+        "XSmall",
         "Small",
         "Medium",
         "Large"