@seed-design/figma 0.1.13 → 0.1.14

package/lib/codegen/index.js

@@ -7904,7 +7904,8 @@ const metadata$D = {
                 "48",
                 "64",
                 "80",
-                "96"
+                "96",
+                "108"
             ]
         },
         "Badge": {
@@ -7933,7 +7934,8 @@ const metadata$C = {
                 "48",
                 "64",
                 "80",
-                "96"
+                "96",
+                "108"
             ]
         }
     }
@@ -7960,15 +7962,16 @@ const metadata$B = {
                 "Brand",
                 "Informative",
                 "Positive",
-                "Critical"
+                "Critical",
+                "Warning"
             ]
         },
         "Variant": {
             "type": "VARIANT",
             "variantOptions": [
-                "Solid",
                 "Weak",
-                "Outline"
+                "Outline",
+                "Solid"
             ]
         }
     }
@@ -8359,12 +8362,22 @@ const metadata$r = {
     "name": "🟢 Divider",
     "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
     "componentPropertyDefinitions": {
+        "Inset (Figma-Only)#36435:0": {
+            "type": "BOOLEAN"
+        },
         "Tone": {
             "type": "VARIANT",
             "variantOptions": [
                 "Neutral",
                 "Neutral Muted"
             ]
+        },
+        "Orientation": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Vertical",
+                "Horizontal"
+            ]
         }
     }
 };
@@ -8417,47 +8430,6 @@ const metadata$p = {
 };
 
 const metadata$o = {
-    "name": "🟢 Inline Banner",
-    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
-    "componentPropertyDefinitions": {
-        "Link Label#1547:81": {
-            "type": "TEXT"
-        },
-        "Show Icon#11840:27": {
-            "type": "BOOLEAN"
-        },
-        "Interaction": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Default",
-                "Link",
-                "Actionable",
-                "Dismissible"
-            ]
-        },
-        "Variant": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Neutral Weak",
-                "Informative Weak",
-                "Positive Weak",
-                "Warning Solid",
-                "Warning Weak",
-                "Critical Solid",
-                "Critical Weak"
-            ]
-        },
-        "Show Title": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "True",
-                "False"
-            ]
-        }
-    }
-};
-
-const metadata$n = {
     "name": "🟢 Main Tab Navigation / Global",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
     "componentPropertyDefinitions": {
@@ -8484,7 +8456,7 @@ const metadata$n = {
     }
 };
 
-const metadata$m = {
+const metadata$n = {
     "name": "🟢 Main Tab Navigation / KR",
     "key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
     "componentPropertyDefinitions": {
@@ -8508,7 +8480,7 @@ const metadata$m = {
     }
 };
 
-const metadata$l = {
+const metadata$m = {
     "name": "🟢 Manner Temp",
     "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
     "componentPropertyDefinitions": {
@@ -8526,7 +8498,7 @@ const metadata$l = {
     }
 };
 
-const metadata$k = {
+const metadata$l = {
     "name": "🟢 Manner Temp Badge",
     "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
     "componentPropertyDefinitions": {
@@ -8544,7 +8516,7 @@ const metadata$k = {
     }
 };
 
-const metadata$j = {
+const metadata$k = {
     "name": "🟢 Menu Sheet",
     "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
     "componentPropertyDefinitions": {
@@ -8581,7 +8553,7 @@ const metadata$j = {
     }
 };
 
-const metadata$i = {
+const metadata$j = {
     "name": "🟢 Multiline Text Field",
     "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
     "componentPropertyDefinitions": {
@@ -8650,6 +8622,57 @@ const metadata$i = {
     }
 };
 
+const metadata$i = {
+    "name": "🟢 Page Banner",
+    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
+    "componentPropertyDefinitions": {
+        "Show Prefix Icon#11840:27": {
+            "type": "BOOLEAN"
+        },
+        "Prefix Icon#35433:45": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": []
+        },
+        "Pressed#36736:0": {
+            "type": "BOOLEAN"
+        },
+        "Interaction": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Display",
+                "Actionable",
+                "Dismissible",
+                "With Action",
+                "Custom"
+            ]
+        },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Neutral",
+                "Informative",
+                "Positive",
+                "Warning",
+                "Critical"
+            ]
+        },
+        "Variant": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Weak",
+                "Solid"
+            ]
+        },
+        "Show Title": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "False",
+                "True"
+            ]
+        }
+    }
+};
+
 const metadata$h = {
     "name": "🟢 Progress Circle",
     "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
@@ -9286,13 +9309,13 @@ var FIGMA_COMPONENTS = {
   divider: metadata$r,
   floatingActionButton: metadata$q,
   helpBubble: metadata$p,
-  inlineBanner: metadata$o,
-  mainTabNavigationGlobal: metadata$n,
-  mainTabNavigationKr: metadata$m,
-  mannerTemp: metadata$l,
-  mannerTempBadge: metadata$k,
-  menuSheet: metadata$j,
-  multilineTextField: metadata$i,
+  mainTabNavigationGlobal: metadata$o,
+  mainTabNavigationKr: metadata$n,
+  mannerTemp: metadata$m,
+  mannerTempBadge: metadata$l,
+  menuSheet: metadata$k,
+  multilineTextField: metadata$j,
+  pageBanner: metadata$i,
   progressCircle: metadata$h,
   radio: metadata$g,
   radioMark: metadata$f,

package/lib/codegen/targets/react/index.cjs

@@ -1303,7 +1303,8 @@ const metadata$D = {
                 "48",
                 "64",
                 "80",
-                "96"
+                "96",
+                "108"
             ]
         },
         "Badge": {
@@ -1332,7 +1333,8 @@ const metadata$C = {
                 "48",
                 "64",
                 "80",
-                "96"
+                "96",
+                "108"
             ]
         }
     }
@@ -1359,15 +1361,16 @@ const metadata$B = {
                 "Brand",
                 "Informative",
                 "Positive",
-                "Critical"
+                "Critical",
+                "Warning"
             ]
         },
         "Variant": {
             "type": "VARIANT",
             "variantOptions": [
-                "Solid",
                 "Weak",
-                "Outline"
+                "Outline",
+                "Solid"
             ]
         }
     }
@@ -1758,12 +1761,22 @@ const metadata$r = {
     "name": "🟢 Divider",
     "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
     "componentPropertyDefinitions": {
+        "Inset (Figma-Only)#36435:0": {
+            "type": "BOOLEAN"
+        },
         "Tone": {
             "type": "VARIANT",
             "variantOptions": [
                 "Neutral",
                 "Neutral Muted"
             ]
+        },
+        "Orientation": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Vertical",
+                "Horizontal"
+            ]
         }
     }
 };
@@ -1816,47 +1829,6 @@ const metadata$p = {
 };
 
 const metadata$o = {
-    "name": "🟢 Inline Banner",
-    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
-    "componentPropertyDefinitions": {
-        "Link Label#1547:81": {
-            "type": "TEXT"
-        },
-        "Show Icon#11840:27": {
-            "type": "BOOLEAN"
-        },
-        "Interaction": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Default",
-                "Link",
-                "Actionable",
-                "Dismissible"
-            ]
-        },
-        "Variant": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Neutral Weak",
-                "Informative Weak",
-                "Positive Weak",
-                "Warning Solid",
-                "Warning Weak",
-                "Critical Solid",
-                "Critical Weak"
-            ]
-        },
-        "Show Title": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "True",
-                "False"
-            ]
-        }
-    }
-};
-
-const metadata$n = {
     "name": "🟢 Main Tab Navigation / Global",
     "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
     "componentPropertyDefinitions": {
@@ -1883,7 +1855,7 @@ const metadata$n = {
     }
 };
 
-const metadata$m = {
+const metadata$n = {
     "name": "🟢 Main Tab Navigation / KR",
     "key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
     "componentPropertyDefinitions": {
@@ -1907,7 +1879,7 @@ const metadata$m = {
     }
 };
 
-const metadata$l = {
+const metadata$m = {
     "name": "🟢 Manner Temp",
     "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
     "componentPropertyDefinitions": {
@@ -1925,7 +1897,7 @@ const metadata$l = {
     }
 };
 
-const metadata$k = {
+const metadata$l = {
     "name": "🟢 Manner Temp Badge",
     "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
     "componentPropertyDefinitions": {
@@ -1943,7 +1915,7 @@ const metadata$k = {
     }
 };
 
-const metadata$j = {
+const metadata$k = {
     "name": "🟢 Menu Sheet",
     "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
     "componentPropertyDefinitions": {
@@ -1980,7 +1952,7 @@ const metadata$j = {
     }
 };
 
-const metadata$i = {
+const metadata$j = {
     "name": "🟢 Multiline Text Field",
     "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
     "componentPropertyDefinitions": {
@@ -2049,6 +2021,57 @@ const metadata$i = {
     }
 };
 
+const metadata$i = {
+    "name": "🟢 Page Banner",
+    "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
+    "componentPropertyDefinitions": {
+        "Show Prefix Icon#11840:27": {
+            "type": "BOOLEAN"
+        },
+        "Prefix Icon#35433:45": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": []
+        },
+        "Pressed#36736:0": {
+            "type": "BOOLEAN"
+        },
+        "Interaction": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Display",
+                "Actionable",
+                "Dismissible",
+                "With Action",
+                "Custom"
+            ]
+        },
+        "Tone": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Neutral",
+                "Informative",
+                "Positive",
+                "Warning",
+                "Critical"
+            ]
+        },
+        "Variant": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Weak",
+                "Solid"
+            ]
+        },
+        "Show Title": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "False",
+                "True"
+            ]
+        }
+    }
+};
+
 const metadata$h = {
     "name": "🟢 Progress Circle",
     "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
@@ -2685,13 +2708,13 @@ var FIGMA_COMPONENTS = {
   divider: metadata$r,
   floatingActionButton: metadata$q,
   helpBubble: metadata$p,
-  inlineBanner: metadata$o,
-  mainTabNavigationGlobal: metadata$n,
-  mainTabNavigationKr: metadata$m,
-  mannerTemp: metadata$l,
-  mannerTempBadge: metadata$k,
-  menuSheet: metadata$j,
-  multilineTextField: metadata$i,
+  mainTabNavigationGlobal: metadata$o,
+  mainTabNavigationKr: metadata$n,
+  mannerTemp: metadata$m,
+  mannerTempBadge: metadata$l,
+  menuSheet: metadata$k,
+  multilineTextField: metadata$j,
+  pageBanner: metadata$i,
   progressCircle: metadata$h,
   radio: metadata$g,
   radioMark: metadata$f,
@@ -3332,11 +3355,39 @@ const createHelpBubbleHandler = (_ctx)=>defineComponentHandler(metadata$p.key, (
         return createLocalSnippetElement$d("HelpBubbleTrigger", commonProps, createLocalSnippetElementTrigger$1("ActionButton", {}, "HelpBubble 열기"));
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("inline-banner");
-const createInlineBannerHandler = (ctx)=>defineComponentHandler(metadata$o.key, (node)=>{
+const { createLocalSnippetElement: createLocalSnippetElement$c } = createLocalSnippetHelper("page-banner");
+const SUFFIX_BUTTON_KEY = "7dce4e1242761ccd8e5da42278fc2d870918039c";
+const createPageBannerButtonHandler = (_ctx)=>defineComponentHandler(SUFFIX_BUTTON_KEY, (node)=>{
+        return createElement("PageBannerButton", undefined, node.componentProperties["Label#39890:0"].value);
+    });
+const createPageBannerHandler = (ctx)=>{
+    const buttonHandler = createPageBannerButtonHandler();
+    return defineComponentHandler(metadata$i.key, (node, traverse)=>{
         const { componentProperties: props } = node;
-        const tag = tsPattern.match(props.Interaction.value).with("Default", ()=>"InlineBanner").with("Actionable", ()=>"ActionableInlineBanner").with("Dismissible", ()=>"DismissibleInlineBanner").with("Link", ()=>"InlineBanner").exhaustive();
-        const textNode = findOne(node, (child)=>child.type === "TEXT" && child.name === "Label");
+        const { tag, suffix } = tsPattern.match(props.Interaction.value).with("Actionable", ()=>({
+                tag: "ActionablePageBanner",
+                suffix: undefined
+            })).with("Dismissible", ()=>({
+                tag: "DismissiblePageBanner",
+                suffix: undefined
+            })).with("Display", ()=>({
+                tag: "PageBanner",
+                suffix: undefined
+            })).with("With Action", ()=>{
+            const [buttonNode] = findAllInstances({
+                node,
+                key: SUFFIX_BUTTON_KEY
+            });
+            const suffix = buttonNode ? buttonHandler.transform(buttonNode, traverse) : undefined;
+            return {
+                tag: "PageBanner",
+                suffix
+            };
+        }).with("Custom", ()=>({
+                tag: "PageBanner",
+                suffix: createElement("div", undefined, "Custom Content")
+            })).exhaustive();
+        const textNode = findOne(node, (child)=>child.type === "TEXT" && child.name === "Text");
         if (!textNode) {
             return createLocalSnippetElement$c(tag, undefined, undefined, {
                 comment: "내용을 제공해주세요."
@@ -3359,24 +3410,24 @@ const createInlineBannerHandler = (ctx)=>defineComponentHandler(metadata$o.key,
                 }
         }
         const iconNode = findOne(node, (child)=>child.type === "INSTANCE" && child.name === "icon");
-        const showIcon = props["Show Icon#11840:27"] && iconNode;
-        const prefixIcon = showIcon ? ctx.iconHandler.transform(iconNode) : undefined;
+        const showPrefixIcon = props["Show Prefix Icon#11840:27"].value && iconNode;
+        const prefixIcon = showPrefixIcon ? ctx.iconHandler.transform(iconNode) : undefined;
         const commonProps = {
-            variant: changeCase.camelCase(props.Variant.value),
             title,
             description,
-            ...props.Interaction.value === "Link" && {
-                linkProps: {
-                    children: props["Link Label#1547:81"].value
-                }
-            },
-            prefixIcon
+            prefixIcon,
+            tone: changeCase.camelCase(props.Tone.value),
+            variant: changeCase.camelCase(props.Variant.value),
+            ...suffix && {
+                suffix
+            }
         };
         return createLocalSnippetElement$c(tag, commonProps);
     });
+};
 
 const { createLocalSnippetElement: createLocalSnippetElement$b } = createLocalSnippetHelper("manner-temp-badge");
-const createMannerTempBadgeHandler = (_ctx)=>defineComponentHandler(metadata$k.key, ({ children })=>{
+const createMannerTempBadgeHandler = (_ctx)=>defineComponentHandler(metadata$l.key, ({ children })=>{
         const textNode = children.find((child)=>child.type === "TEXT");
         const commonProps = {
             temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
@@ -3385,7 +3436,7 @@ const createMannerTempBadgeHandler = (_ctx)=>defineComponentHandler(metadata$k.k
     });
 
 const { createLocalSnippetElement: createLocalSnippetElement$a } = createLocalSnippetHelper("manner-temp");
-const createMannerTempHandler = (_ctx)=>defineComponentHandler(metadata$l.key, ({ children })=>{
+const createMannerTempHandler = (_ctx)=>defineComponentHandler(metadata$m.key, ({ children })=>{
         const textNode = children.find((child)=>child.type === "TEXT");
         const commonProps = {
             temperature: Number(textNode?.characters.replace(/[^\d.-]/g, "") ?? "-1")
@@ -3425,7 +3476,7 @@ const createMenuSheetGroupHandler = (ctx)=>{
 };
 const createMenuSheetHandler = (ctx)=>{
     const menuSheetGroupHandler = createMenuSheetGroupHandler(ctx);
-    return defineComponentHandler(metadata$j.key, (node, traverse)=>{
+    return defineComponentHandler(metadata$k.key, (node, traverse)=>{
         const { componentProperties: props } = node;
         const groups = findAllInstances({
             node,
@@ -3457,7 +3508,7 @@ const createMenuSheetHandler = (ctx)=>{
 };
 
 const { createLocalSnippetElement: createLocalSnippetElement$8 } = createLocalSnippetHelper("text-field");
-const createMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(metadata$i.key, ({ componentProperties: props })=>{
+const createMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(metadata$j.key, ({ componentProperties: props })=>{
         const { Size: { value: size }, State: { value: state }, Filled: { value: filled }, "Show Header#870:0": { value: showHeader }, "Label#15327:323": { value: label }, "Show Indicator#1259:0": { value: showIndicator }, "Indicator#15327:286": { value: indicator }, "Placeholder#958:0": { value: placeholder }, "Filled Text#1304:0": { value: defaultValue }, "Show Footer#958:25": { value: showFooter }, "Show Description#958:50": { value: showDescription }, "Description#15327:212": { value: description }, "Show Character count#958:75": { value: showCharacterCount }, "Character Count#15327:360": { value: _characterCount }, "Max Character Count#15327:175": { value: maxCharacterCount } } = props;
         const states = state.split("-");
         const commonProps = {
@@ -3778,7 +3829,7 @@ const unboundSeedComponentHandlers = [
     createFloatingActionButtonHandler,
     createHelpBubbleHandler,
     createIdentityPlaceholderHandler,
-    createInlineBannerHandler,
+    createPageBannerHandler,
     createMannerTempBadgeHandler,
     createMannerTempHandler,
     createMenuSheetHandler,