@seed-design/figma 1.1.17 → 1.1.18

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

@@ -1196,26 +1196,21 @@ const templateDisclaimer = {
         }
     }
 };
-const templateSelectBoxGroup = {
-    "name": "templateSelectBoxGroup",
-    "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
+const templateResultPage = {
+    "name": "templateResultPage",
+    "key": "4cc94782abbe7e58f0401c29ad8880a62e512ae7",
     "componentPropertyDefinitions": {
-        "Control": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Checkbox",
-                "Radio"
-            ]
+        "Show Top Navigation#58717:0": {
+            "type": "BOOLEAN"
         },
-        "Item Count": {
+        "Show Bottom Action Bar#59845:0": {
+            "type": "BOOLEAN"
+        },
+        "Show Bottom Action Bar": {
             "type": "VARIANT",
             "variantOptions": [
-                "1",
-                "2",
-                "3",
-                "4",
-                "5",
-                "6"
+                "True",
+                "False"
             ]
         }
     }
@@ -1961,6 +1956,164 @@ const helpBubble = {
         }
     }
 };
+const imageFrame = {
+    "name": "imageFrame",
+    "key": "b12f0bdeb6c6a61e0d50fe7e0dfae8ecd323f0aa",
+    "componentPropertyDefinitions": {
+        "Has Image Contents#29729:0": {
+            "type": "BOOLEAN"
+        },
+        "Left Top#58686:0": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "00da9dcf0cc4e408d2e36da56d0701dce6cee6b0"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "0135e13dd2ded277e5d024f2d9ccc37f9aa7cf38"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "146925b01e772269f042df51f8d2cd5b4e492111"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "a711c13770db66a6a9d8dfec9205b301fb4abf4d"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "4907a3a324539a374a81c8255ac8ae2fc6769622"
+                }
+            ]
+        },
+        "Show Overlay#58686:33": {
+            "type": "BOOLEAN"
+        },
+        "Right Top#58686:66": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "a711c13770db66a6a9d8dfec9205b301fb4abf4d"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "00da9dcf0cc4e408d2e36da56d0701dce6cee6b0"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "0135e13dd2ded277e5d024f2d9ccc37f9aa7cf38"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "146925b01e772269f042df51f8d2cd5b4e492111"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "4907a3a324539a374a81c8255ac8ae2fc6769622"
+                }
+            ]
+        },
+        "Left Bottom#58686:99": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "00da9dcf0cc4e408d2e36da56d0701dce6cee6b0"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "0135e13dd2ded277e5d024f2d9ccc37f9aa7cf38"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "146925b01e772269f042df51f8d2cd5b4e492111"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "a711c13770db66a6a9d8dfec9205b301fb4abf4d"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "4907a3a324539a374a81c8255ac8ae2fc6769622"
+                }
+            ]
+        },
+        "Right Bottom#58686:132": {
+            "type": "INSTANCE_SWAP",
+            "preferredValues": [
+                {
+                    "type": "COMPONENT",
+                    "key": "a711c13770db66a6a9d8dfec9205b301fb4abf4d"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "00da9dcf0cc4e408d2e36da56d0701dce6cee6b0"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "0135e13dd2ded277e5d024f2d9ccc37f9aa7cf38"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "146925b01e772269f042df51f8d2cd5b4e492111"
+                },
+                {
+                    "type": "COMPONENT",
+                    "key": "4907a3a324539a374a81c8255ac8ae2fc6769622"
+                }
+            ]
+        },
+        "ㄴ Left Top#58686:165": {
+            "type": "BOOLEAN"
+        },
+        "ㄴ Right Top#58686:198": {
+            "type": "BOOLEAN"
+        },
+        "ㄴ Left Bottom#58686:231": {
+            "type": "BOOLEAN"
+        },
+        "ㄴ Right Bottom#58686:264": {
+            "type": "BOOLEAN"
+        },
+        "Ratio": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "1:1",
+                "2:1",
+                "16:9",
+                "4:3",
+                "6:7",
+                "4:5",
+                "2:3"
+            ]
+        },
+        "Size": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "20",
+                "24",
+                "36",
+                "42",
+                "48",
+                "64",
+                "80",
+                "96",
+                "120",
+                "\bFree"
+            ]
+        },
+        "Rounded": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "True",
+                "False"
+            ]
+        }
+    }
+};
 const listHeader = {
     "name": "listHeader",
     "key": "609f93ed0608ef0a6d9a351e47595ad631bae0fa",
@@ -2587,42 +2740,6 @@ const segmentedControl = {
         }
     }
 };
-const selectBox = {
-    "name": "selectBox",
-    "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
-    "componentPropertyDefinitions": {
-        "Show Description#3033:0": {
-            "type": "BOOLEAN"
-        },
-        "Description #3033:5": {
-            "type": "TEXT"
-        },
-        "Label#3635:0": {
-            "type": "TEXT"
-        },
-        "Control": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Checkbox",
-                "Radio"
-            ]
-        },
-        "Selected": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "True",
-                "False"
-            ]
-        },
-        "State": {
-            "type": "VARIANT",
-            "variantOptions": [
-                "Enabled",
-                "Pressed"
-            ]
-        }
-    }
-};
 const skeleton = {
     "name": "skeleton",
     "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
@@ -3022,6 +3139,7 @@ var FIGMA_COMPONENTS = {
   divider: divider,
   floatingActionButton: floatingActionButton,
   helpBubble: helpBubble,
+  imageFrame: imageFrame,
   listHeader: listHeader,
   listItem: listItem,
   mannerTemp: mannerTemp,
@@ -3038,7 +3156,6 @@ var FIGMA_COMPONENTS = {
   rootTopNavigationGlobal: rootTopNavigationGlobal,
   rootTopNavigationKr: rootTopNavigationKr,
   segmentedControl: segmentedControl,
-  selectBox: selectBox,
   skeleton: skeleton,
   slider: slider,
   snackbar: snackbar,
@@ -3050,7 +3167,7 @@ var FIGMA_COMPONENTS = {
   templateChipGroup: templateChipGroup,
   templateCustomPickerField: templateCustomPickerField,
   templateDisclaimer: templateDisclaimer,
-  templateSelectBoxGroup: templateSelectBoxGroup,
+  templateResultPage: templateResultPage,
   templateSliderField: templateSliderField,
   templateTextField: templateTextField,
   templateTextareaField: templateTextareaField,
@@ -4362,48 +4479,6 @@ const createSegmentedControlHandler = (ctx)=>{
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$7 } = createLocalSnippetHelper("select-box");
-const createSelectBoxHandler = (_ctx)=>defineComponentHandler(selectBox.key, ({ componentProperties: props })=>{
-        const tag = match(props.Control.value).with("Checkbox", ()=>"CheckSelectBox").with("Radio", ()=>"RadioSelectBoxItem").exhaustive();
-        const commonProps = {
-            label: props["Label#3635:0"].value,
-            ...props["Show Description#3033:0"].value && {
-                description: props["Description #3033:5"].value
-            },
-            ...tag === "RadioSelectBoxItem" && {
-                value: props["Label#3635:0"].value
-            },
-            ...tag === "CheckSelectBox" && props.Selected.value === "True" && {
-                defaultChecked: true
-            }
-        };
-        return createLocalSnippetElement$7(tag, commonProps);
-    });
-const createSelectBoxGroupHandler = (ctx)=>{
-    const selectBoxHandler = createSelectBoxHandler();
-    return defineComponentHandler(templateSelectBoxGroup.key, (node, traverse)=>{
-        const props = node.componentProperties;
-        const tag = match(props.Control.value).with("Checkbox", ()=>"CheckSelectBoxGroup").with("Radio", ()=>"RadioSelectBoxRoot").exhaustive();
-        const selectBoxes = findAllInstances({
-            node,
-            key: selectBoxHandler.key
-        });
-        const selectedSelectBox = selectBoxes.find((selectBox)=>selectBox.componentProperties.Selected.value === "True");
-        // traverse the container like it's a frame
-        const vStackProps = traverse({
-            ...node,
-            type: "FRAME"
-        })?.props;
-        const stack = createSeedReactElement("VStack", vStackProps, selectBoxes.map((box)=>selectBoxHandler.transform(box, traverse)));
-        const commonProps = {
-            ...tag === "RadioSelectBoxRoot" && {
-                defaultValue: selectedSelectBox?.componentProperties["Label#3635:0"].value
-            }
-        };
-        return createLocalSnippetElement$7(tag, commonProps, stack);
-    });
-};
-
 const createSkeletonHandler = (ctx)=>defineComponentHandler(skeleton.key, (node)=>{
         const { componentProperties: props, layoutSizingHorizontal, layoutSizingVertical } = node;
         const commonProps = {
@@ -4414,7 +4489,7 @@ const createSkeletonHandler = (ctx)=>defineComponentHandler(skeleton.key, (node)
         return createSeedReactElement("Skeleton", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$6 } = createLocalSnippetHelper("slider");
+const { createLocalSnippetElement: createLocalSnippetElement$7 } = createLocalSnippetHelper("slider");
 const SLIDER_TICK_KEY = "ace432ffb7a2af13bce549b19c932ac5f96a9a78";
 function getSliderComment(props) {
     return [
@@ -4450,7 +4525,7 @@ const createSliderFieldHandler = (ctx)=>{
             ...headerProps,
             ...footerProps
         };
-        return createLocalSnippetElement$6("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$7("Slider", commonProps, undefined, {
             comment: getSliderComment(commonProps)
         });
     });
@@ -4492,13 +4567,13 @@ const createSliderHandler = (_ctx)=>{
                 disabled: true
             }
         };
-        return createLocalSnippetElement$6("Slider", commonProps, undefined, {
+        return createLocalSnippetElement$7("Slider", commonProps, undefined, {
             comment: getSliderComment(commonProps)
         });
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$5 } = createLocalSnippetHelper("snackbar");
+const { createLocalSnippetElement: createLocalSnippetElement$6 } = createLocalSnippetHelper("snackbar");
 const createSnackbarHandler = (_ctx)=>defineComponentHandler(snackbar.key, ({ componentProperties: props })=>{
         const commonProps = {
             message: props["Message#1528:4"].value,
@@ -4508,20 +4583,20 @@ const createSnackbarHandler = (_ctx)=>defineComponentHandler(snackbar.key, ({ co
             }
         };
         // TODO: adapter.create({ render })
-        return createLocalSnippetElement$5("Snackbar", commonProps);
+        return createLocalSnippetElement$6("Snackbar", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$4 } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$5 } = createLocalSnippetHelper("switch");
 const createSwitchmarkHandler = (_ctx)=>defineComponentHandler(switchmark.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
             tone,
             size: props.Size.value
         };
-        return createLocalSnippetElement$4("SwitchMark", commonProps);
+        return createLocalSnippetElement$5("SwitchMark", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$3 } = createLocalSnippetHelper("switch");
+const { createLocalSnippetElement: createLocalSnippetElement$4 } = createLocalSnippetHelper("switch");
 const createSwitchHandler = (_ctx)=>defineComponentHandler(_switch.key, ({ componentProperties: props })=>{
         const tone = match(props.Tone.value).with("Neutral", ()=>"neutral").with("🚫[Deprecated] Brand", ()=>"brand").exhaustive();
         const commonProps = {
@@ -4529,9 +4604,9 @@ const createSwitchHandler = (_ctx)=>defineComponentHandler(_switch.key, ({ compo
             size: props.Size.value
         };
         if (props["Layout(Figma Only)"].value === "🚫[Switch Mark 사용] Switch Only") {
-            return createLocalSnippetElement$3("SwitchMark", commonProps);
+            return createLocalSnippetElement$4("SwitchMark", commonProps);
         }
-        return createLocalSnippetElement$3("Switch", {
+        return createLocalSnippetElement$4("Switch", {
             ...commonProps,
             label: props["Label#36578:0"].value,
             ...props.Selected.value === "True" && {
@@ -4752,7 +4827,7 @@ const createChipTabsTriggerHandler = (_ctx)=>defineComponentHandler(CHIP_TRIGGER
         return createChipTabsLocalSnippetElement("ChipTabsTrigger", commonProps);
     });
 
-const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$3 } = createLocalSnippetHelper("text-field");
 const TEXT_INPUT_OUTLINE_KEY = "22eebd645d310c086d9f5f69d8f179ff5c7cf7ca";
 const TEXT_INPUT_OUTLINE_PREFIX_KEY = "1ab174dd51bc42a5efe530f52f1dd02255c50b18";
 const TEXT_INPUT_OUTLINE_SUFFIX_KEY = "555fee288d9053760e301791665bbac31d19c43f";
@@ -4864,13 +4939,13 @@ const createTextInputFieldHandler = (ctx)=>{
                 placeholder: placeholder.characters
             }
         };
-        return createLocalSnippetElement$2("TextField", {
+        return createLocalSnippetElement$3("TextField", {
             ...fieldProps,
             ...commonProps,
             ...value && {
                 defaultValue: value.characters
             }
-        }, createLocalSnippetElement$2("TextFieldInput", inputProps));
+        }, createLocalSnippetElement$3("TextFieldInput", inputProps));
     });
 };
 const createTextareaFieldHandler = (ctx)=>{
@@ -4913,14 +4988,14 @@ const createTextareaFieldHandler = (ctx)=>{
                 defaultValue: value.characters
             }
         };
-        return createLocalSnippetElement$2("TextField", {
+        return createLocalSnippetElement$3("TextField", {
             ...fieldProps,
             ...commonProps
-        }, createLocalSnippetElement$2("TextFieldTextarea", inputProps));
+        }, createLocalSnippetElement$3("TextFieldTextarea", inputProps));
     });
 };
 
-const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("toggle-button");
+const { createLocalSnippetElement: createLocalSnippetElement$2 } = createLocalSnippetHelper("toggle-button");
 const createToggleButtonHandler = (ctx)=>defineComponentHandler(toggleButton.key, ({ componentProperties: props })=>{
         const commonProps = {
             variant: camelCase(props.Variant.value),
@@ -4935,7 +5010,7 @@ const createToggleButtonHandler = (ctx)=>defineComponentHandler(toggleButton.key
                 loading: true
             }
         };
-        return createLocalSnippetElement$1("ToggleButton", commonProps, [
+        return createLocalSnippetElement$2("ToggleButton", commonProps, [
             props["Show Prefix Icon#6122:392"].value ? createSeedReactElement("PrefixIcon", {
                 svg: ctx.iconHandler.transform(props["Prefix Icon#6122:98"])
             }) : undefined,
@@ -5006,7 +5081,7 @@ const createTagGroupItemHandler = (ctx)=>defineComponentHandler(TAG_GROUP_ITEM_K
         return createSeedReactElement("TagGroup.Item", commonProps, children);
     });
 
-const { createLocalSnippetElement } = createLocalSnippetHelper("text-field");
+const { createLocalSnippetElement: createLocalSnippetElement$1 } = createLocalSnippetHelper("text-field");
 const LEGACY_TEXT_FIELD_KEY = "c49873c37a639f0dffdea4efd0eb43760d66c141";
 const LEGACY_MULTILINE_TEXT_FIELD_KEY = "88b2399c930c85f9ce2972163a078bc684b84bbe";
 const createLegacyTextFieldHandler = (ctx)=>defineComponentHandler(LEGACY_TEXT_FIELD_KEY, ({ componentProperties: props })=>{
@@ -5063,9 +5138,9 @@ const createLegacyTextFieldHandler = (ctx)=>defineComponentHandler(LEGACY_TEXT_F
         const inputProps = {
             placeholder
         };
-        const TextFieldChildren = createLocalSnippetElement("TextFieldInput", inputProps);
-        return createLocalSnippetElement("TextField", commonProps, TextFieldChildren, {
-            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다."
+        const TextFieldChildren = createLocalSnippetElement$1("TextFieldInput", inputProps);
+        return createLocalSnippetElement$1("TextField", commonProps, TextFieldChildren, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
 const createLegacyMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(LEGACY_MULTILINE_TEXT_FIELD_KEY, ({ componentProperties: props })=>{
@@ -5109,12 +5184,60 @@ const createLegacyMultilineTextFieldHandler = (_ctx)=>defineComponentHandler(LEG
         const inputProps = {
             placeholder
         };
-        const TextFieldChildren = createLocalSnippetElement("TextFieldTextarea", inputProps);
-        return createLocalSnippetElement("TextField", commonProps, TextFieldChildren, {
-            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다."
+        const TextFieldChildren = createLocalSnippetElement$1("TextFieldTextarea", inputProps);
+        return createLocalSnippetElement$1("TextField", commonProps, TextFieldChildren, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.1보다 낮은 버전의 TextField입니다. 신규 컴포넌트로 교체할 수 있습니다."
         });
     });
 
+const { createLocalSnippetElement } = createLocalSnippetHelper("select-box");
+const LEGACY_SELECT_BOX_KEY = "38722ffeb4c966256a709155e8ddac50c93d7c60";
+const LEGACY_SELECT_BOX_GROUP_KEY = "a3d58bb8540600878742cdcf2608a4b3851667ec";
+const createLegacySelectBoxHandler = (_ctx)=>defineComponentHandler(LEGACY_SELECT_BOX_KEY, ({ componentProperties: props })=>{
+        const tag = match(props.Control.value).with("Checkbox", ()=>"CheckSelectBox").with("Radio", ()=>"RadioSelectBoxItem").exhaustive();
+        const commonProps = {
+            label: props["Label#3635:0"].value,
+            ...props["Show Description#3033:0"].value && {
+                description: props["Description #3033:5"].value
+            },
+            ...tag === "RadioSelectBoxItem" && {
+                value: props["Label#3635:0"].value
+            },
+            ...tag === "CheckSelectBox" && props.Selected.value === "True" && {
+                defaultChecked: true
+            }
+        };
+        return createLocalSnippetElement(tag, commonProps, undefined, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.2보다 낮은 버전의 SelectBox입니다. 신규 컴포넌트로 교체할 수 있습니다."
+        });
+    });
+const createLegacySelectBoxGroupHandler = (ctx)=>{
+    const selectBoxHandler = createLegacySelectBoxHandler();
+    return defineComponentHandler(LEGACY_SELECT_BOX_GROUP_KEY, (node, traverse)=>{
+        const props = node.componentProperties;
+        const tag = match(props.Control.value).with("Checkbox", ()=>"CheckSelectBoxGroup").with("Radio", ()=>"RadioSelectBoxRoot").exhaustive();
+        const selectBoxes = findAllInstances({
+            node,
+            key: selectBoxHandler.key
+        });
+        const selectedSelectBox = selectBoxes.find((selectBox)=>selectBox.componentProperties.Selected.value === "True");
+        // traverse the container like it's a frame
+        const vStackProps = traverse({
+            ...node,
+            type: "FRAME"
+        })?.props;
+        const stack = createSeedReactElement("VStack", vStackProps, selectBoxes.map((box)=>selectBoxHandler.transform(box, traverse)));
+        const commonProps = {
+            ...tag === "RadioSelectBoxRoot" && {
+                defaultValue: selectedSelectBox?.componentProperties["Label#3635:0"].value
+            }
+        };
+        return createLocalSnippetElement(tag, commonProps, stack, {
+            comment: "이 Figma 컴포넌트는 @seed-design/react@1.2보다 낮은 버전의 SelectBox입니다. 신규 컴포넌트로 교체할 수 있습니다."
+        });
+    });
+};
+
 function bindComponentHandler(unbound, deps) {
     return unbound(deps);
 }
@@ -5140,8 +5263,8 @@ const unboundSeedComponentHandlers = [
     createAvatarHandler,
     createAvatarStackHandler,
     createSegmentedControlHandler,
-    createSelectBoxGroupHandler,
-    createSelectBoxHandler,
+    createLegacySelectBoxHandler,
+    createLegacySelectBoxGroupHandler,
     createSliderHandler,
     createSliderFieldHandler,
     createTabsHandler,
@@ -5743,6 +5866,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Fill"
     },
+    "48d35e692e4cbeb1bfd0b0be28a800061173cf96": {
+        "name": "icon_cart_items",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "15e92fded5d5306b62b634790f724a72ba8f7033": {
+        "name": "icon_cart_items",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "f6be7d2997e4b139ae4850ee21869bc7e59ccc0b": {
         "name": "icon_cart",
         "type": "monochrome",
@@ -6308,6 +6441,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "8a20bac7b3ef03003f4395e5a5455a62fa363efc": {
+        "name": "icon_exclamationmark_chatbubble_rectangular_center",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "2fe5521cf8ac4b67db3a1cd0a03847f54493583a": {
+        "name": "icon_exclamationmark_chatbubble_rectangular_center",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "3e578773a3da74c255c4c9008914b247e0fc3d2b": {
         "name": "icon_exclamationmark_circle",
         "type": "monochrome",
@@ -8372,6 +8515,10 @@ const FIGMA_ICONS = {
         "name": "icon_cart",
         "type": "multicolor"
     },
+    "81a9d09867dbce6bbeca059a24c54ad23130a518": {
+        "name": "icon_cart_items",
+        "type": "multicolor"
+    },
     "51692e1d38d71ff24bbf5c7295da347d7700acbe": {
         "name": "icon_cart_load",
         "type": "multicolor"
@@ -9087,9 +9234,11 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:654:20851",
             "VariableID:1:171",
             "VariableID:41186:6437",
-            "VariableID:1:158",
             "VariableID:1:172",
+            "VariableID:1:158",
             "VariableID:1:161",
+            "VariableID:59176:2",
+            "VariableID:59176:3",
             "VariableID:1:159",
             "VariableID:576:22878",
             "VariableID:10181:32557",
@@ -9134,8 +9283,8 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:12479:23364",
             "VariableID:12479:23365",
             "VariableID:12479:23366",
-            "VariableID:12548:1437",
             "VariableID:1:7",
+            "VariableID:12548:1437",
             "VariableID:12479:23367",
             "VariableID:12479:23368",
             "VariableID:12479:23371",
@@ -9486,9 +9635,9 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:289:13772",
             "VariableID:1886:93038",
             "VariableID:289:13773",
-            "VariableID:796:4448",
             "VariableID:15518:15916",
             "VariableID:19225:68732",
+            "VariableID:796:4448",
             "VariableID:17955:50606",
             "VariableID:514:13178",
             "VariableID:535:1747",
@@ -9496,7 +9645,10 @@ const FIGMA_VARIABLE_COLLECTIONS = {
             "VariableID:1700:4280",
             "VariableID:1700:4281",
             "VariableID:1700:4282",
-            "VariableID:40279:20413"
+            "VariableID:40279:20413",
+            "VariableID:58766:15457",
+            "VariableID:58766:15458",
+            "VariableID:58766:15459"
         ]
     },
     "VariableCollectionId:6075:34487": {
@@ -10613,6 +10765,54 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
+    "VariableID:59176:2": {
+        "name": "bg/neutral-weak-alpha",
+        "id": "VariableID:59176:2",
+        "remote": false,
+        "key": "082218bada1fc4e2688ad59f30a980c191caf7b7",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36296"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36307"
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:59176:3": {
+        "name": "bg/neutral-weak-alpha-pressed",
+        "id": "VariableID:59176:3",
+        "remote": false,
+        "key": "b67dd2511e5e4f41e0e392925fcccc752c67631f",
+        "variableCollectionId": "VariableCollectionId:1:3",
+        "resolvedType": "COLOR",
+        "description": "",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1928:7": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36297"
+            },
+            "1928:8": {
+                "type": "VARIABLE_ALIAS",
+                "id": "VariableID:30894:36308"
+            }
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
     "VariableID:1:161": {
         "name": "bg/neutral-weak-pressed",
         "id": "VariableID:1:161",
@@ -10937,6 +11137,69 @@ const FIGMA_VARIABLES = {
         ],
         "codeSyntax": {}
     },
+    "VariableID:58766:15459": {
+        "name": "Component utility (Figma Only)/Select Box/1-column",
+        "id": "VariableID:58766:15459",
+        "remote": false,
+        "key": "676178acd6e038ee5fe034a25818c16a4670a5b1",
+        "variableCollectionId": "VariableCollectionId:1:197",
+        "resolvedType": "FLOAT",
+        "description": "(preview-width - x3 ) / 1 값입니다.",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1:5": 358,
+            "1:6": 358,
+            "1:7": 358,
+            "1:8": 358,
+            "51907:0": 358
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:58766:15458": {
+        "name": "Component utility (Figma Only)/Select Box/2-column",
+        "id": "VariableID:58766:15458",
+        "remote": false,
+        "key": "932afae9533322f9192fc8274b77a547d42a8804",
+        "variableCollectionId": "VariableCollectionId:1:197",
+        "resolvedType": "FLOAT",
+        "description": "(preview-width - x3 ) / 2 값입니다.",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1:5": 173,
+            "1:6": 173,
+            "1:7": 173,
+            "1:8": 173,
+            "51907:0": 173
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
+    "VariableID:58766:15457": {
+        "name": "Component utility (Figma Only)/Select Box/3-column",
+        "id": "VariableID:58766:15457",
+        "remote": false,
+        "key": "f2cf2dfa2088f54ceafd7206b47bc2d3dbb057b0",
+        "variableCollectionId": "VariableCollectionId:1:197",
+        "resolvedType": "FLOAT",
+        "description": "(preview-width - x3 ) / 3 값입니다.",
+        "hiddenFromPublishing": false,
+        "valuesByMode": {
+            "1:5": 111.33000183105469,
+            "1:6": 111.33000183105469,
+            "1:7": 111.33000183105469,
+            "1:8": 111.33000183105469,
+            "51907:0": 111.33000183105469
+        },
+        "scopes": [
+            "ALL_SCOPES"
+        ],
+        "codeSyntax": {}
+    },
     "VariableID:6421:24605": {
         "name": "dimension/spacing-x/between-chips",
         "id": "VariableID:6421:24605",