@seed-design/figma 0.2.3 → 0.2.4

package/lib/codegen/index.js

@@ -74,7 +74,7 @@ function stringifyElement(element, options = {}) {
         const propFragments = propEntries.map(([key, value])=>{
             if (typeof value === "string") {
                 if (value.includes("\n")) {
-                    return `${key}={\"${value.replace("\n", "\\n")}\"}`;
+                    return `${key}={"${value.replaceAll("\n", "\\n")}"}`;
                 }
                 return `${key}="${value}"`;
             }
@@ -86,7 +86,13 @@ function stringifyElement(element, options = {}) {
                 return `${key}={${value}}`;
             }
             if (isElement(value)) {
-                return `${key}={${recursive(value, depth + 1)}}`;
+                const elementStr = recursive(value, depth + 1);
+                const commentMatch = elementStr.match(/\{\/\* (.+?)\*\/\}$/);
+                if (commentMatch) {
+                    const elementWithoutComment = elementStr.replace(/\{\/\* .+? \*\/\}$/, "");
+                    return `${key}={${elementWithoutComment}}/* ${commentMatch[1]} */`;
+                }
+                return `${key}={${elementStr}}`;
             }
             if (typeof value === "object") {
                 return `${key}={${JSON.stringify(value)}}`;
@@ -94,6 +100,7 @@ function stringifyElement(element, options = {}) {
             if (typeof value === "undefined") {
                 return undefined;
             }
+            return undefined;
         }).filter(exists);
         const oneLiner = propFragments.join(" ");
         const propsString = propEntries.length === 0 ? "" : ` ${oneLiner.length < 80 ? oneLiner : `\n${"  ".repeat(depth + 1)}${propFragments.join(`\n${"  ".repeat(depth + 1)}`)}\n${"  ".repeat(depth)}`}`;
@@ -7627,7 +7634,7 @@ const FIGMA_VARIABLES = {
     }
 };
 
-const metadata$L = {
+const metadata$N = {
     "name": "🔵 [Template] Button Group",
     "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
     "componentPropertyDefinitions": {
@@ -7655,7 +7662,7 @@ const metadata$L = {
     }
 };
 
-const metadata$K = {
+const metadata$M = {
     "name": "🔵 [Template] Chip Group",
     "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
     "componentPropertyDefinitions": {
@@ -7685,7 +7692,7 @@ const metadata$K = {
     }
 };
 
-const metadata$J = {
+const metadata$L = {
     "name": "🔵 [Template] Completion",
     "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
     "componentPropertyDefinitions": {
@@ -7714,7 +7721,7 @@ const metadata$J = {
     }
 };
 
-const metadata$I = {
+const metadata$K = {
     "name": "🔵 [Template] Error State",
     "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
     "componentPropertyDefinitions": {
@@ -7747,7 +7754,7 @@ const metadata$I = {
     }
 };
 
-const metadata$H = {
+const metadata$J = {
     "name": "🔵 [Template] Select Box Group",
     "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
     "componentPropertyDefinitions": {
@@ -7772,7 +7779,7 @@ const metadata$H = {
     }
 };
 
-const metadata$G = {
+const metadata$I = {
     "name": "🔵 [Template] Top Navigation",
     "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
     "componentPropertyDefinitions": {
@@ -7800,7 +7807,7 @@ const metadata$G = {
     }
 };
 
-const metadata$F = {
+const metadata$H = {
     "name": "🟢 Action Button",
     "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
     "componentPropertyDefinitions": {
@@ -7860,7 +7867,7 @@ const metadata$F = {
     }
 };
 
-const metadata$E = {
+const metadata$G = {
     "name": "🟢 Alert Dialog",
     "key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
     "componentPropertyDefinitions": {
@@ -7887,7 +7894,7 @@ const metadata$E = {
     }
 };
 
-const metadata$D = {
+const metadata$F = {
     "name": "🟢 Avatar",
     "key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
     "componentPropertyDefinitions": {
@@ -7920,7 +7927,7 @@ const metadata$D = {
     }
 };
 
-const metadata$C = {
+const metadata$E = {
     "name": "🟢 Avatar Stack",
     "key": "e8e91e01000d878742c55cd6e44b6786460440f7",
     "componentPropertyDefinitions": {
@@ -7941,7 +7948,7 @@ const metadata$C = {
     }
 };
 
-const metadata$B = {
+const metadata$D = {
     "name": "🟢 Badge",
     "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
     "componentPropertyDefinitions": {
@@ -7977,7 +7984,7 @@ const metadata$B = {
     }
 };
 
-const metadata$A = {
+const metadata$C = {
     "name": "🟢 Bottom Navigation / Global",
     "key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
     "componentPropertyDefinitions": {
@@ -8001,7 +8008,7 @@ const metadata$A = {
     }
 };
 
-const metadata$z = {
+const metadata$B = {
     "name": "🟢 Bottom Navigation / KR",
     "key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
     "componentPropertyDefinitions": {
@@ -8018,7 +8025,7 @@ const metadata$z = {
     }
 };
 
-const metadata$y = {
+const metadata$A = {
     "name": "🟢 Bottom Sheet",
     "key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
     "componentPropertyDefinitions": {
@@ -8082,7 +8089,7 @@ const metadata$y = {
     }
 };
 
-const metadata$x = {
+const metadata$z = {
     "name": "🟢 Callout",
     "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
     "componentPropertyDefinitions": {
@@ -8131,7 +8138,7 @@ const metadata$x = {
     }
 };
 
-const metadata$w = {
+const metadata$y = {
     "name": "🟢 Checkbox",
     "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
     "componentPropertyDefinitions": {
@@ -8145,6 +8152,13 @@ const metadata$w = {
                 "Large"
             ]
         },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "🚫[Deprecated]Brand",
+                "Neutral"
+            ]
+        },
         "Shape": {
             "type": "VARIANT",
             "variantOptions": [
@@ -8155,8 +8169,8 @@ const metadata$w = {
         "Weight": {
             "type": "VARIANT",
             "variantOptions": [
-                "Default",
-                "Stronger"
+                "Bold",
+                "Regular"
             ]
         },
         "Selected": {
@@ -8178,22 +8192,29 @@ const metadata$w = {
     }
 };
 
-const metadata$v = {
+const metadata$x = {
     "name": "🟢 Checkmark",
     "key": "fae60fb392f55bde60de1dbccb2f453320068805",
     "componentPropertyDefinitions": {
-        "Shape": {
+        "Size": {
             "type": "VARIANT",
             "variantOptions": [
-                "Square",
-                "Ghost"
+                "Medium",
+                "Large"
             ]
         },
-        "Size": {
+        "Tone": {
             "type": "VARIANT",
             "variantOptions": [
-                "Medium",
-                "Large"
+                "🚫[Deprecated]Brand",
+                "Neutral"
+            ]
+        },
+        "Shape": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Square",
+                "Ghost"
             ]
         },
         "Selected": {
@@ -8215,7 +8236,7 @@ const metadata$v = {
     }
 };
 
-const metadata$u = {
+const metadata$w = {
     "name": "🟢 Chip",
     "key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
     "componentPropertyDefinitions": {
@@ -8306,7 +8327,7 @@ const metadata$u = {
     }
 };
 
-const metadata$t = {
+const metadata$v = {
     "name": "🟢 Chlid",
     "key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
     "componentPropertyDefinitions": {
@@ -8321,7 +8342,7 @@ const metadata$t = {
     }
 };
 
-const metadata$s = {
+const metadata$u = {
     "name": "🟢 Contextual Floating Button",
     "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
     "componentPropertyDefinitions": {
@@ -8358,7 +8379,7 @@ const metadata$s = {
     }
 };
 
-const metadata$r = {
+const metadata$t = {
     "name": "🟢 Divider",
     "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
     "componentPropertyDefinitions": {
@@ -8368,8 +8389,8 @@ const metadata$r = {
         "Tone": {
             "type": "VARIANT",
             "variantOptions": [
-                "Neutral",
-                "Neutral Muted"
+                "Neutral Muted",
+                "Neutral Subtle"
             ]
         },
         "Orientation": {
@@ -8382,7 +8403,7 @@ const metadata$r = {
     }
 };
 
-const metadata$q = {
+const metadata$s = {
     "name": "🟢 Floating Action Button",
     "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
     "componentPropertyDefinitions": {
@@ -8396,10 +8417,13 @@ const metadata$q = {
     }
 };
 
-const metadata$p = {
+const metadata$r = {
     "name": "🟢 Help Bubble",
     "key": "804b327c091278a40d5891939eaed90bb2889659",
     "componentPropertyDefinitions": {
+        "Show Close Button#40538:0": {
+            "type": "BOOLEAN"
+        },
         "Show Description#62499:0": {
             "type": "BOOLEAN"
         },
@@ -8429,6 +8453,184 @@ const metadata$p = {
     }
 };
 
+const metadata$q = {
+    "name": "🟢 List Header",
+    "key": "609f93ed0608ef0a6d9a351e47595ad631bae0fa",
+    "componentPropertyDefinitions": {
+        "Title#28588:0": {
+            "type": "TEXT"
+        },
+        "Suffix": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "None",
+                "Button",
+                "Custom"
+            ]
+        },
+        "Title Weight": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Medium",
+                "Bold"
+            ]
+        }
+    }
+};
+
+const metadata$p = {
+    "name": "🟢 List Item",
+    "key": "b51b7d07c659fee5d696565b8e1151636573b27c",
+    "componentPropertyDefinitions": {
+        "Divider#28441:0": {
+            "type": "BOOLEAN"
+        },
+        "Suffix Type#28441:42": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "8c52207687ffed15cd5931d71ed9d196b3358a68"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "fe0e25f4fecda59d0a3730ead7c5bc0a66a41e7e"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "abf9810103ae6e6afe8fa253ec5f05d6a7304b38"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "0a9464ad270bfd7f56438f62bb0155a25ca146a9"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "4cc7e9b84a8388a36cb3898c6c02e6110a3281b9"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "1e933f75dd6bb4b21c3289b5c3b4402d2c623125"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "11ba71b11b336199654cd2801967a44996705449"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "c0eaee6146c6dc92bfd9b081d667f45ee611b1d2"
+                },
+                {
+                    "type": "COMPONENT_SET",
+                    "key": "3d788f28c785d1c60b937b253c39ce582dbe1ed3"
+                },
+                {
+                    "type": "COMPONENT_SET",
+                    "key": "5636566f6de6f58200dce388f7b1ac9f517b30e1"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "3a70bf5bb9856c13893931b7a0df652bcf0be895"
+                }
+            ]
+        },
+        "Title#28452:21": {
+            "type": "TEXT"
+        },
+        "Has Suffix#28452:64": {
+            "type": "BOOLEAN"
+        },
+        "Has Prefix#28452:85": {
+            "type": "BOOLEAN"
+        },
+        "Prefix Type#28452:106": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "0e4c05f097d3fa2dc0cbfdbf8db2662bcf8439ca"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "ef0e8bd6c2f92e620acf204bb9a8079ef25a1e5c"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "82239325aa1cb65af7c649fc71a8f2b48fb9b9f3"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "f24c9ef42ef08df79483fbae0fa7d9037e566748"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "5a77ad37a2291989dfe77c44ddee9aa39e447f90"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "81f201fc876e38f016ab7427a6b3da000ee919a2"
+                }
+            ]
+        },
+        "Has Detail#28469:1": {
+            "type": "BOOLEAN"
+        },
+        "Detail Type#28469:11": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "b27f70404d8f055ec39f9049a5a86920c11be979"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "43795c2e3e507dc555f9ec08bf4bf1abf8c2051a"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "73bcdff1b73998d1f440fb8827df2eafc4338c1d"
+                }
+            ]
+        },
+        "Title #28487:0": {
+            "type": "TEXT"
+        },
+        "Detail Type #28487:11": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "870d50d39feae5bcfd59d7fbf8ae510233a97a8b"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "43795c2e3e507dc555f9ec08bf4bf1abf8c2051a"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "73bcdff1b73998d1f440fb8827df2eafc4338c1d"
+                }
+            ]
+        },
+        "State": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Enabled",
+                "Pressed",
+                "Disabled",
+                "Highlighted"
+            ]
+        },
+        "Variants": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Single Line",
+                "Multi Line"
+            ]
+        }
+    }
+};
+
 const metadata$o = {
     "name": "🟢 Main Tab Navigation / Global",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
@@ -8720,6 +8922,20 @@ const metadata$g = {
                 "Large"
             ]
         },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "🚫[Deprecated]Brand",
+                "Neutral"
+            ]
+        },
+        "Weight": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Regular",
+                "Bold"
+            ]
+        },
         "Selected": {
             "type": "VARIANT",
             "variantOptions": [
@@ -8749,6 +8965,13 @@ const metadata$f = {
                 "Large"
             ]
         },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Neutral",
+                "🚫[Deprecated]Brand"
+            ]
+        },
         "Selected": {
             "type": "VARIANT",
             "variantOptions": [
@@ -9054,6 +9277,13 @@ const metadata$4 = {
                 "32"
             ]
         },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Neutral",
+                "🚫[Deprecated] Brand"
+            ]
+        },
         "Selected": {
             "type": "VARIANT",
             "variantOptions": [
@@ -9071,9 +9301,9 @@ const metadata$4 = {
         "Label Layout(Figma Only)": {
             "type": "VARIANT",
             "variantOptions": [
-                "None",
-                "Right",
-                "Left"
+                "Label Last",
+                "Label First",
+                "Switch Only"
             ]
         }
     }
@@ -9086,7 +9316,7 @@ const metadata$3 = {
         "Variant": {
             "type": "VARIANT",
             "variantOptions": [
-                "Underline",
+                "Line",
                 "Chip"
             ]
         }
@@ -9292,23 +9522,25 @@ const metadata = {
 
 var FIGMA_COMPONENTS = {
   __proto__: null,
-  actionButton: metadata$F,
-  alertDialog: metadata$E,
-  avatar: metadata$D,
-  avatarStack: metadata$C,
-  badge: metadata$B,
-  bottomNavigationGlobal: metadata$A,
-  bottomNavigationKr: metadata$z,
-  bottomSheet: metadata$y,
-  callout: metadata$x,
-  checkbox: metadata$w,
-  checkmark: metadata$v,
-  chip: metadata$u,
-  chlid: metadata$t,
-  contextualFloatingButton: metadata$s,
-  divider: metadata$r,
-  floatingActionButton: metadata$q,
-  helpBubble: metadata$p,
+  actionButton: metadata$H,
+  alertDialog: metadata$G,
+  avatar: metadata$F,
+  avatarStack: metadata$E,
+  badge: metadata$D,
+  bottomNavigationGlobal: metadata$C,
+  bottomNavigationKr: metadata$B,
+  bottomSheet: metadata$A,
+  callout: metadata$z,
+  checkbox: metadata$y,
+  checkmark: metadata$x,
+  chip: metadata$w,
+  chlid: metadata$v,
+  contextualFloatingButton: metadata$u,
+  divider: metadata$t,
+  floatingActionButton: metadata$s,
+  helpBubble: metadata$r,
+  listHeader: metadata$q,
+  listItem: metadata$p,
   mainTabNavigationGlobal: metadata$o,
   mainTabNavigationKr: metadata$n,
   mannerTemp: metadata$m,
@@ -9331,12 +9563,12 @@ var FIGMA_COMPONENTS = {
   superscriptChild: metadata$5,
   switch: metadata$4,
   tabs: metadata$3,
-  templateButtonGroup: metadata$L,
-  templateChipGroup: metadata$K,
-  templateCompletion: metadata$J,
-  templateErrorState: metadata$I,
-  templateSelectBoxGroup: metadata$H,
-  templateTopNavigation: metadata$G,
+  templateButtonGroup: metadata$N,
+  templateChipGroup: metadata$M,
+  templateCompletion: metadata$L,
+  templateErrorState: metadata$K,
+  templateSelectBoxGroup: metadata$J,
+  templateTopNavigation: metadata$I,
   textField: metadata$2,
   toggleButton: metadata$1,
   topNavigation: metadata