@seed-design/figma 1.3.6 → 1.3.7

package/lib/index.cjs

@@ -2789,6 +2789,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "dc015c59783f44e084809cc62404a93493842bb2": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3724666f033ddb53644d75d196f55c076cd7ae12": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "07663395a21fd95087d677438538d8f61403c842": {
         "name": "icon_map_locationpin",
         "type": "monochrome",
@@ -3629,6 +3639,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "223debab61daa1aafd381a078e32b18f46ccbd59": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3e9e65a307d3ce3135bf5db67ca987a791294a70": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "dba88cf915454127856088f2523c40ff5f4d21df": {
         "name": "icon_square2_stacked",
         "type": "monochrome",
@@ -4215,6 +4235,10 @@ const FIGMA_ICONS = {
         "name": "icon_car_frontside",
         "type": "multicolor"
     },
+    "3591ea6c06e913f34881b9a873f8d7de8db47aa0": {
+        "name": "icon_car_frontside_bubble",
+        "type": "multicolor"
+    },
     "dce1bb113c685af444682183176ec0cb583d114f": {
         "name": "icon_card",
         "type": "multicolor"
@@ -4423,6 +4447,10 @@ const FIGMA_ICONS = {
         "name": "icon_tshirt_bubble2",
         "type": "multicolor"
     },
+    "054c908bd177d6ff85ff90b7ab3887fa17a6c3fb": {
+        "name": "icon_vertrectangle_tiltedstacked",
+        "type": "multicolor"
+    },
     "ab66ee11be5539d340a87f1e9ca021fef1db3ef8": {
         "name": "icon_vest_horizstripe",
         "type": "multicolor"
@@ -22540,6 +22568,29 @@ const privateTemplateChipGroup = {
         }
     }
 };
+const privateComponentContentPlaceholder = {
+    "name": "privateComponentContentPlaceholder",
+    "key": "49e110c31e4a7e6e9872d369f889dc48c0f5cef4",
+    "componentPropertyDefinitions": {
+        "Type": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Default",
+                "Coupon",
+                "Realty",
+                "Car",
+                "Jobs",
+                "Buy-sell",
+                "Business",
+                "Post",
+                "Group",
+                "Image",
+                "Food",
+                "Commerce"
+            ]
+        }
+    }
+};
 const privateComponentFieldFooterCharacterCount = {
     "name": "privateComponentFieldFooterCharacterCount",
     "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -22603,6 +22654,19 @@ const privateComponentIdentityPlaceholder = {
         }
     }
 };
+const privateComponentIdentityPlaceholderStatic = {
+    "name": "privateComponentIdentityPlaceholderStatic",
+    "key": "628e8010084e94e426edf97021ddaadff1c9e008",
+    "componentPropertyDefinitions": {
+        "Identity": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Person",
+                "Business"
+            ]
+        }
+    }
+};
 const privateComponentInputButtonPrefix = {
     "name": "privateComponentInputButtonPrefix",
     "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -24261,6 +24325,30 @@ const componentAvatar = {
         }
     }
 };
+const templateAvatarPreset = {
+    "name": "templateAvatarPreset",
+    "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
+    "componentPropertyDefinitions": {
+        "Image": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "001",
+                "002",
+                "003",
+                "004",
+                "005",
+                "006",
+                "007",
+                "008",
+                "009",
+                "010",
+                "011",
+                "012",
+                "013"
+            ]
+        }
+    }
+};
 const componentAvatarStack = {
     "name": "componentAvatarStack",
     "key": "99d74f36d2989b450cc0c7f15eb6495888bb1cec",
@@ -24495,7 +24583,8 @@ const templateChatScreenPreset = {
                 "비즈프로필(고객 뷰)",
                 "비즈프로필 (사장님 뷰)",
                 "알바 (구인자 뷰)",
-                "알바 (구직자 뷰)"
+                "알바 (구직자 뷰)",
+                "Service11"
             ]
         }
     }
@@ -26572,10 +26661,12 @@ var FIGMA_COMPONENTS = {
   privateComponentAlertDialogActions: privateComponentAlertDialogActions,
   privateComponentBottomSheetCloseButton: privateComponentBottomSheetCloseButton,
   privateComponentBottomSheetHandle: privateComponentBottomSheetHandle,
+  privateComponentContentPlaceholder: privateComponentContentPlaceholder,
   privateComponentFieldFooterCharacterCount: privateComponentFieldFooterCharacterCount,
   privateComponentFieldHeaderIndicator: privateComponentFieldHeaderIndicator,
   privateComponentFieldHeaderSuffix: privateComponentFieldHeaderSuffix,
   privateComponentIdentityPlaceholder: privateComponentIdentityPlaceholder,
+  privateComponentIdentityPlaceholderStatic: privateComponentIdentityPlaceholderStatic,
   privateComponentInputButtonPrefix: privateComponentInputButtonPrefix,
   privateComponentInputButtonSuffix: privateComponentInputButtonSuffix,
   privateComponentInputButtonValue: privateComponentInputButtonValue,
@@ -26626,6 +26717,7 @@ var FIGMA_COMPONENTS = {
   privateTemplatePhoneNumberField: privateTemplatePhoneNumberField,
   privateTemplatePinField: privateTemplatePinField,
   privateTemplateRootTopNavigationPreset: privateTemplateRootTopNavigationPreset,
+  templateAvatarPreset: templateAvatarPreset,
   templateButtonGroup: templateButtonGroup,
   templateChatScreenPreset: templateChatScreenPreset,
   templateCheckboxField: templateCheckboxField,

package/lib/index.js

@@ -2789,6 +2789,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "dc015c59783f44e084809cc62404a93493842bb2": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3724666f033ddb53644d75d196f55c076cd7ae12": {
+        "name": "icon_map",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "07663395a21fd95087d677438538d8f61403c842": {
         "name": "icon_map_locationpin",
         "type": "monochrome",
@@ -3629,6 +3639,16 @@ const FIGMA_ICONS = {
         "type": "monochrome",
         "weight": "Line"
     },
+    "223debab61daa1aafd381a078e32b18f46ccbd59": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Fill"
+    },
+    "3e9e65a307d3ce3135bf5db67ca987a791294a70": {
+        "name": "icon_square_splited_vertical_left",
+        "type": "monochrome",
+        "weight": "Line"
+    },
     "dba88cf915454127856088f2523c40ff5f4d21df": {
         "name": "icon_square2_stacked",
         "type": "monochrome",
@@ -4215,6 +4235,10 @@ const FIGMA_ICONS = {
         "name": "icon_car_frontside",
         "type": "multicolor"
     },
+    "3591ea6c06e913f34881b9a873f8d7de8db47aa0": {
+        "name": "icon_car_frontside_bubble",
+        "type": "multicolor"
+    },
     "dce1bb113c685af444682183176ec0cb583d114f": {
         "name": "icon_card",
         "type": "multicolor"
@@ -4423,6 +4447,10 @@ const FIGMA_ICONS = {
         "name": "icon_tshirt_bubble2",
         "type": "multicolor"
     },
+    "054c908bd177d6ff85ff90b7ab3887fa17a6c3fb": {
+        "name": "icon_vertrectangle_tiltedstacked",
+        "type": "multicolor"
+    },
     "ab66ee11be5539d340a87f1e9ca021fef1db3ef8": {
         "name": "icon_vest_horizstripe",
         "type": "multicolor"
@@ -22540,6 +22568,29 @@ const privateTemplateChipGroup = {
         }
     }
 };
+const privateComponentContentPlaceholder = {
+    "name": "privateComponentContentPlaceholder",
+    "key": "49e110c31e4a7e6e9872d369f889dc48c0f5cef4",
+    "componentPropertyDefinitions": {
+        "Type": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Default",
+                "Coupon",
+                "Realty",
+                "Car",
+                "Jobs",
+                "Buy-sell",
+                "Business",
+                "Post",
+                "Group",
+                "Image",
+                "Food",
+                "Commerce"
+            ]
+        }
+    }
+};
 const privateComponentFieldFooterCharacterCount = {
     "name": "privateComponentFieldFooterCharacterCount",
     "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -22603,6 +22654,19 @@ const privateComponentIdentityPlaceholder = {
         }
     }
 };
+const privateComponentIdentityPlaceholderStatic = {
+    "name": "privateComponentIdentityPlaceholderStatic",
+    "key": "628e8010084e94e426edf97021ddaadff1c9e008",
+    "componentPropertyDefinitions": {
+        "Identity": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "Person",
+                "Business"
+            ]
+        }
+    }
+};
 const privateComponentInputButtonPrefix = {
     "name": "privateComponentInputButtonPrefix",
     "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -24261,6 +24325,30 @@ const componentAvatar = {
         }
     }
 };
+const templateAvatarPreset = {
+    "name": "templateAvatarPreset",
+    "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
+    "componentPropertyDefinitions": {
+        "Image": {
+            "type": "VARIANT",
+            "variantOptions": [
+                "001",
+                "002",
+                "003",
+                "004",
+                "005",
+                "006",
+                "007",
+                "008",
+                "009",
+                "010",
+                "011",
+                "012",
+                "013"
+            ]
+        }
+    }
+};
 const componentAvatarStack = {
     "name": "componentAvatarStack",
     "key": "99d74f36d2989b450cc0c7f15eb6495888bb1cec",
@@ -24495,7 +24583,8 @@ const templateChatScreenPreset = {
                 "비즈프로필(고객 뷰)",
                 "비즈프로필 (사장님 뷰)",
                 "알바 (구인자 뷰)",
-                "알바 (구직자 뷰)"
+                "알바 (구직자 뷰)",
+                "Service11"
             ]
         }
     }
@@ -26572,10 +26661,12 @@ var FIGMA_COMPONENTS = {
   privateComponentAlertDialogActions: privateComponentAlertDialogActions,
   privateComponentBottomSheetCloseButton: privateComponentBottomSheetCloseButton,
   privateComponentBottomSheetHandle: privateComponentBottomSheetHandle,
+  privateComponentContentPlaceholder: privateComponentContentPlaceholder,
   privateComponentFieldFooterCharacterCount: privateComponentFieldFooterCharacterCount,
   privateComponentFieldHeaderIndicator: privateComponentFieldHeaderIndicator,
   privateComponentFieldHeaderSuffix: privateComponentFieldHeaderSuffix,
   privateComponentIdentityPlaceholder: privateComponentIdentityPlaceholder,
+  privateComponentIdentityPlaceholderStatic: privateComponentIdentityPlaceholderStatic,
   privateComponentInputButtonPrefix: privateComponentInputButtonPrefix,
   privateComponentInputButtonSuffix: privateComponentInputButtonSuffix,
   privateComponentInputButtonValue: privateComponentInputButtonValue,
@@ -26626,6 +26717,7 @@ var FIGMA_COMPONENTS = {
   privateTemplatePhoneNumberField: privateTemplatePhoneNumberField,
   privateTemplatePinField: privateTemplatePinField,
   privateTemplateRootTopNavigationPreset: privateTemplateRootTopNavigationPreset,
+  templateAvatarPreset: templateAvatarPreset,
   templateButtonGroup: templateButtonGroup,
   templateChatScreenPreset: templateChatScreenPreset,
   templateCheckboxField: templateCheckboxField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seed-design/figma",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/daangn/seed-design.git",
@@ -39,14 +39,14 @@
     "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.5",
+    "@seed-design/css": "1.2.6",
     "change-case": "^5.4.4",
     "ts-pattern": "^5.7.0"
   },
   "devDependencies": {
     "@figma/plugin-typings": "^1.110.0",
     "@figma/rest-api-spec": "^0.36.0",
-    "@karrotmarket/icon-data": "^1.17.0",
+    "@karrotmarket/icon-data": "^1.22.0",
     "@seed-design/figma-extractor": "^1.1.0",
     "typescript": "^5.9.2"
   },

package/src/codegen/component-properties.ts

@@ -58,6 +58,10 @@ export type ChipIconSuffixProperties = InferComponentDefinition<
   typeof components.componentChipSuffixIcon.componentPropertyDefinitions
 >;
 
+export type ContentPlaceholderProperties = InferComponentDefinition<
+  typeof sets.privateComponentContentPlaceholder.componentPropertyDefinitions
+>;
+
 export type ContextualFloatingButtonProperties = InferComponentDefinition<
   typeof sets.componentContextualFloatingButton.componentPropertyDefinitions
 >;

package/src/codegen/targets/react/component/handlers/content-placeholder.ts

@@ -0,0 +1,20 @@
+import { defineComponentHandler } from "@/codegen/core";
+import { camelCase } from "change-case";
+import { createLocalSnippetHelper } from "../../element-factories";
+import type { ComponentHandlerDeps } from "../deps.interface";
+import type { ContentPlaceholderProperties } from "@/codegen/component-properties";
+import * as metadata from "@/entities/data/__generated__/component-sets";
+
+const { createLocalSnippetElement } = createLocalSnippetHelper("content-placeholder");
+
+export const createContentPlaceholderHandler = (_ctx: ComponentHandlerDeps) =>
+  defineComponentHandler<ContentPlaceholderProperties>(
+    metadata.privateComponentContentPlaceholder.key,
+    ({ componentProperties: props }) => {
+      const commonProps = {
+        type: camelCase(props.Type.value),
+      };
+
+      return createLocalSnippetElement("ContentPlaceholder", commonProps);
+    },
+  );

package/src/codegen/targets/react/component/handlers/image-frame.ts

@@ -1,5 +1,6 @@
 import type {
   BadgeProperties,
+  ContentPlaceholderProperties,
   ImageFrameIconProperties,
   ImageFrameOverlayIndicatorProperties,
   ImageFrameProperties,
@@ -8,10 +9,11 @@ import type {
 import { defineComponentHandler } from "@/codegen/core";
 import * as metadata from "@/entities/data/__generated__/component-sets";
 import * as components from "@/entities/data/__generated__/components";
-import { findAllInstances, findOne } from "@/utils/figma-node";
+import { findAll, findAllInstances, findOne } from "@/utils/figma-node";
 import { createSeedReactElement } from "../../element-factories";
 import type { ComponentHandlerDeps } from "../deps.interface";
 import { createBadgeHandler } from "@/codegen/targets/react/component/handlers/badge";
+import { createContentPlaceholderHandler } from "@/codegen/targets/react/component/handlers/content-placeholder";
 
 const CORNER_CONFIGS = [
   {
@@ -88,11 +90,18 @@ export const createImageFrameIconHandler = (ctx: ComponentHandlerDeps) => {
 };
 
 export const createImageFrameHandler = (ctx: ComponentHandlerDeps) => {
+  const contentPlaceholderHandler = createContentPlaceholderHandler(ctx);
+
   return defineComponentHandler<ImageFrameProperties>(
     metadata.componentImageFrame.key,
     (node, traverse) => {
       const props = node.componentProperties;
 
+      const [placeholder] = findAllInstances<ContentPlaceholderProperties>({
+        node,
+        key: contentPlaceholderHandler.key,
+      });
+
       const floaters = [];
       for (const { showKey, placement } of CORNER_CONFIGS) {
         if (!props[showKey].value) continue;
@@ -116,6 +125,10 @@ export const createImageFrameHandler = (ctx: ComponentHandlerDeps) => {
           borderRadius: ctx.valueResolver.getFormattedValue.topLeftRadius(node),
         }),
 
+        ...(placeholder && {
+          fallback: contentPlaceholderHandler.transform(placeholder, traverse),
+        }),
+
         ...(node.layoutGrow === 1
           ? { flexGrow: true }
           : node.layoutAlign === "STRETCH"

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

@@ -9,6 +9,7 @@ export * from "./callout";
 export * from "./checkbox";
 export * from "./checkmark";
 export * from "./chip";
+export * from "./content-placeholder";
 export * from "./contextual-floating-button";
 export * from "./divider";
 export * from "./field-button";

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

@@ -170,6 +170,30 @@ export declare const privateTemplateChipGroup: {
   }
 };
 
+export declare const privateComponentContentPlaceholder: {
+  "name": "privateComponentContentPlaceholder",
+  "key": "49e110c31e4a7e6e9872d369f889dc48c0f5cef4",
+  "componentPropertyDefinitions": {
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Coupon",
+        "Realty",
+        "Car",
+        "Jobs",
+        "Buy-sell",
+        "Business",
+        "Post",
+        "Group",
+        "Image",
+        "Food",
+        "Commerce"
+      ]
+    }
+  }
+};
+
 export declare const privateComponentFieldFooterCharacterCount: {
   "name": "privateComponentFieldFooterCharacterCount",
   "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -237,6 +261,20 @@ export declare const privateComponentIdentityPlaceholder: {
   }
 };
 
+export declare const privateComponentIdentityPlaceholderStatic: {
+  "name": "privateComponentIdentityPlaceholderStatic",
+  "key": "628e8010084e94e426edf97021ddaadff1c9e008",
+  "componentPropertyDefinitions": {
+    "Identity": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Person",
+        "Business"
+      ]
+    }
+  }
+};
+
 export declare const privateComponentInputButtonPrefix: {
   "name": "privateComponentInputButtonPrefix",
   "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -1956,6 +1994,31 @@ export declare const componentAvatar: {
   }
 };
 
+export declare const templateAvatarPreset: {
+  "name": "templateAvatarPreset",
+  "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
+  "componentPropertyDefinitions": {
+    "Image": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "001",
+        "002",
+        "003",
+        "004",
+        "005",
+        "006",
+        "007",
+        "008",
+        "009",
+        "010",
+        "011",
+        "012",
+        "013"
+      ]
+    }
+  }
+};
+
 export declare const componentAvatarStack: {
   "name": "componentAvatarStack",
   "key": "99d74f36d2989b450cc0c7f15eb6495888bb1cec",
@@ -2196,7 +2259,8 @@ export declare const templateChatScreenPreset: {
         "비즈프로필(고객 뷰)",
         "비즈프로필 (사장님 뷰)",
         "알바 (구인자 뷰)",
-        "알바 (구직자 뷰)"
+        "알바 (구직자 뷰)",
+        "Service11"
       ]
     }
   }
@@ -4258,4 +4322,4 @@ export declare const componentSelectBoxItemVertical: {
       ]
     }
   }
-};
+};

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

@@ -170,6 +170,30 @@ export const privateTemplateChipGroup = {
   }
 };
 
+export const privateComponentContentPlaceholder = {
+  "name": "privateComponentContentPlaceholder",
+  "key": "49e110c31e4a7e6e9872d369f889dc48c0f5cef4",
+  "componentPropertyDefinitions": {
+    "Type": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Default",
+        "Coupon",
+        "Realty",
+        "Car",
+        "Jobs",
+        "Buy-sell",
+        "Business",
+        "Post",
+        "Group",
+        "Image",
+        "Food",
+        "Commerce"
+      ]
+    }
+  }
+};
+
 export const privateComponentFieldFooterCharacterCount = {
   "name": "privateComponentFieldFooterCharacterCount",
   "key": "73f1a9275275c87b563e879e6948318523faf8e4",
@@ -237,6 +261,20 @@ export const privateComponentIdentityPlaceholder = {
   }
 };
 
+export const privateComponentIdentityPlaceholderStatic = {
+  "name": "privateComponentIdentityPlaceholderStatic",
+  "key": "628e8010084e94e426edf97021ddaadff1c9e008",
+  "componentPropertyDefinitions": {
+    "Identity": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "Person",
+        "Business"
+      ]
+    }
+  }
+};
+
 export const privateComponentInputButtonPrefix = {
   "name": "privateComponentInputButtonPrefix",
   "key": "c7d12be4056a8171f6857ec4ef15d81bd18d8cae",
@@ -1956,6 +1994,31 @@ export const componentAvatar = {
   }
 };
 
+export const templateAvatarPreset = {
+  "name": "templateAvatarPreset",
+  "key": "42eefce6a1ab0d45780d2be5346d8ec5f6bace6e",
+  "componentPropertyDefinitions": {
+    "Image": {
+      "type": "VARIANT",
+      "variantOptions": [
+        "001",
+        "002",
+        "003",
+        "004",
+        "005",
+        "006",
+        "007",
+        "008",
+        "009",
+        "010",
+        "011",
+        "012",
+        "013"
+      ]
+    }
+  }
+};
+
 export const componentAvatarStack = {
   "name": "componentAvatarStack",
   "key": "99d74f36d2989b450cc0c7f15eb6495888bb1cec",
@@ -2196,7 +2259,8 @@ export const templateChatScreenPreset = {
         "비즈프로필(고객 뷰)",
         "비즈프로필 (사장님 뷰)",
         "알바 (구인자 뷰)",
-        "알바 (구직자 뷰)"
+        "알바 (구직자 뷰)",
+        "Service11"
       ]
     }
   }

package/src/entities/data/__generated__/components/index.d.ts

@@ -84,6 +84,11 @@ export declare const templateInformationList: {
   "key": "ea1ff4070a5ef4ada5974dc7030e8f9a1b759cdb"
 };
 
+export declare const componentFigmaOnly: {
+  "name": "componentFigmaOnly",
+  "key": "a790da2ff1fb6f761abf202034920c1504b8f8f1"
+};
+
 export declare const componentBottomSheetContentsAgreement: {
   "name": "componentBottomSheetContentsAgreement",
   "key": "9d530235407646750ce8298b2815093dffcbbd83"
@@ -371,8 +376,3 @@ export declare const componentSelectBoxItemSuffixRadiomark: {
   "name": "componentSelectBoxItemSuffixRadiomark",
   "key": "cfb712b12fe2805b5594f8c143147c8aa3de490e"
 };
-
-export declare const componentFigmaOnly: {
-  "name": "componentFigmaOnly",
-  "key": "a790da2ff1fb6f761abf202034920c1504b8f8f1"
-};

package/src/entities/data/__generated__/components/index.mjs

@@ -84,6 +84,11 @@ export const templateInformationList = {
   "key": "ea1ff4070a5ef4ada5974dc7030e8f9a1b759cdb"
 };
 
+export const componentFigmaOnly = {
+  "name": "componentFigmaOnly",
+  "key": "a790da2ff1fb6f761abf202034920c1504b8f8f1"
+};
+
 export const componentBottomSheetContentsAgreement = {
   "name": "componentBottomSheetContentsAgreement",
   "key": "9d530235407646750ce8298b2815093dffcbbd83"
@@ -371,8 +376,3 @@ export const componentSelectBoxItemSuffixRadiomark = {
   "name": "componentSelectBoxItemSuffixRadiomark",
   "key": "cfb712b12fe2805b5594f8c143147c8aa3de490e"
 };
-
-export const componentFigmaOnly = {
-  "name": "componentFigmaOnly",
-  "key": "a790da2ff1fb6f761abf202034920c1504b8f8f1"
-};