Commit @94a8d94cb9e6d6e71e04696686de48bbfd6f7d22

임동욱 08-20

refactor: 컴포넌트 소분류 라벨을 영어로

번역투가 어색해 대분류와 같은 영어로 통일했다. Help는 소분류 하나가 대분류와 이름이 겹쳐
Tooltip / Popover로 나눴다.

검증 — 화면 실측: 컴포넌트 62개 그대로, 소분류 21개.

Co-Authored-By: Claude Opus 5

@94a8d94cb9e6d6e71e04696686de48bbfd6f7d22

247d95b

94a8d94

@fox/dev-test/component-groups.ts

--- @fox/dev-test/component-groups.ts

+++ @fox/dev-test/component-groups.ts


     label: "Action",
     subgroups: [
       {
-        label: "버튼",
+        label: "Button",
         ids: ["fox-button", "fox-text-button", "fox-link-button", "fox-icon-button"],
       },
-      { label: "묶음", ids: ["fox-button-group", "fox-button-panel"] },
+      { label: "Group", ids: ["fox-button-group", "fox-button-panel"] },
     ],
   },
   {
     label: "Select",
     subgroups: [
-      { label: "라디오", ids: ["fox-radio-icon", "fox-radio", "fox-radio-group"] },
-      { label: "체크박스", ids: ["fox-check-icon", "fox-checkbox", "fox-checkbox-group"] },
+      { label: "Radio", ids: ["fox-radio-icon", "fox-radio", "fox-radio-group"] },
+      { label: "Checkbox", ids: ["fox-check-icon", "fox-checkbox", "fox-checkbox-group"] },
       {
-        label: "셀렉트",
+        label: "Select",
         ids: ["fox-select", "fox-select-option", "fox-select-option-item", "fox-select-text"],
       },
-      { label: "태그·칩", ids: ["fox-tag", "fox-tag-list", "fox-chip", "fox-chip-area"] },
+      { label: "Tag & Chip", ids: ["fox-tag", "fox-tag-list", "fox-chip", "fox-chip-area"] },
       {
-        label: "스위치",
+        label: "Switch",
         ids: [
           "fox-toggle-switch",
           "fox-segmented-control",

           "fox-toggle-quantity",
         ],
       },
-      { label: "부가", ids: ["fox-form-label", "fox-conditional-option"] },
+      { label: "Label & Option", ids: ["fox-form-label", "fox-conditional-option"] },
     ],
   },
   {
     label: "Input",
     subgroups: [
-      { label: "텍스트", ids: ["fox-input", "fox-text-area"] },
+      { label: "Text", ids: ["fox-input", "fox-text-area"] },
       {
-        label: "형식 입력",
+        label: "Formatted",
         ids: ["fox-phone-number", "fox-email", "fox-certified", "fox-address"],
       },
-      { label: "파일", ids: ["fox-file-upload"] },
+      { label: "File", ids: ["fox-file-upload"] },
     ],
   },
   {
     label: "Navigation",
     subgroups: [
-      { label: "위치·이동", ids: ["fox-breadcrumb", "fox-pagination"] },
+      { label: "Paging", ids: ["fox-breadcrumb", "fox-pagination"] },
       {
-        label: "캐러셀",
+        label: "Carousel",
         ids: ["fox-carousel-indicator", "fox-carousel-button", "fox-carousel-area"],
       },
     ],

   {
     label: "Layout",
     subgroups: [
-      { label: "표·목록", ids: ["fox-table", "fox-bullet-list"] },
-      { label: "탭", ids: ["fox-tab"] },
-      { label: "배지", ids: ["fox-badge", "fox-badge-dot", "fox-badge-group"] },
-      { label: "펼침", ids: ["fox-accordion", "fox-disclosure"] },
-      { label: "컨테이너", ids: ["fox-card", "fox-modal", "fox-page-header"] },
+      { label: "Table & List", ids: ["fox-table", "fox-bullet-list"] },
+      { label: "Tab", ids: ["fox-tab"] },
+      { label: "Badge", ids: ["fox-badge", "fox-badge-dot", "fox-badge-group"] },
+      { label: "Disclosure", ids: ["fox-accordion", "fox-disclosure"] },
+      { label: "Container", ids: ["fox-card", "fox-modal", "fox-page-header"] },
     ],
   },
   {
     label: "Feedback",
     subgroups: [
-      { label: "알림", ids: ["fox-alert", "fox-toast", "fox-snackbar", "fox-snackbar-list"] },
-      { label: "상태", ids: ["fox-status-indicator", "fox-helper-text", "fox-spinner"] },
-      { label: "단계", ids: ["fox-step-indicator", "fox-step-indicator-item"] },
+      { label: "Notification", ids: ["fox-alert", "fox-toast", "fox-snackbar", "fox-snackbar-list"] },
+      { label: "Status", ids: ["fox-status-indicator", "fox-helper-text", "fox-spinner"] },
+      { label: "Step", ids: ["fox-step-indicator", "fox-step-indicator-item"] },
     ],
   },
   {
     label: "Help",
     subgroups: [
-      {
-        label: "도움말",
-        ids: ["fox-tooltip", "fox-tooltip-rich", "fox-popover", "fox-contextual-trigger"],
-      },
+      { label: "Tooltip", ids: ["fox-tooltip", "fox-tooltip-rich"] },
+      { label: "Popover", ids: ["fox-popover", "fox-contextual-trigger"] },
     ],
   },
 ];

247d95b

94a8d94

@fox/dev-test/dev-test-page.tsx

--- @fox/dev-test/dev-test-page.tsx

+++ @fox/dev-test/dev-test-page.tsx


 
   const rest = COMPONENT_EXAMPLES.filter((example) => !used.has(example.id));
   if (rest.length > 0) {
-    groups.push({ label: "기타", subgroups: [{ label: "미분류", examples: rest }] });
+    groups.push({ label: "Etc", subgroups: [{ label: "Unsorted", examples: rest }] });
   }
 
   return groups;

Add a comment

Open 0
Closed 0

List

...	...	@@ -13,24 +13,24 @@
13	13	label: "Action",
14	14	subgroups: [
15	15	{
16		- label: "버튼",
	16	+ label: "Button",
17	17	ids: ["fox-button", "fox-text-button", "fox-link-button", "fox-icon-button"],
18	18	},
19		- { label: "묶음", ids: ["fox-button-group", "fox-button-panel"] },
	19	+ { label: "Group", ids: ["fox-button-group", "fox-button-panel"] },
20	20	],
21	21	},
22	22	{
23	23	label: "Select",
24	24	subgroups: [
25		- { label: "라디오", ids: ["fox-radio-icon", "fox-radio", "fox-radio-group"] },
26		- { label: "체크박스", ids: ["fox-check-icon", "fox-checkbox", "fox-checkbox-group"] },
	25	+ { label: "Radio", ids: ["fox-radio-icon", "fox-radio", "fox-radio-group"] },
	26	+ { label: "Checkbox", ids: ["fox-check-icon", "fox-checkbox", "fox-checkbox-group"] },
27	27	{
28		- label: "셀렉트",
	28	+ label: "Select",
29	29	ids: ["fox-select", "fox-select-option", "fox-select-option-item", "fox-select-text"],
30	30	},
31		- { label: "태그·칩", ids: ["fox-tag", "fox-tag-list", "fox-chip", "fox-chip-area"] },
	31	+ { label: "Tag & Chip", ids: ["fox-tag", "fox-tag-list", "fox-chip", "fox-chip-area"] },
32	32	{
33		- label: "스위치",
	33	+ label: "Switch",
34	34	ids: [
35	35	"fox-toggle-switch",
36	36	"fox-segmented-control",
...	...	@@ -38,26 +38,26 @@
38	38	"fox-toggle-quantity",
39	39	],
40	40	},
41		- { label: "부가", ids: ["fox-form-label", "fox-conditional-option"] },
	41	+ { label: "Label & Option", ids: ["fox-form-label", "fox-conditional-option"] },
42	42	],
43	43	},
44	44	{
45	45	label: "Input",
46	46	subgroups: [
47		- { label: "텍스트", ids: ["fox-input", "fox-text-area"] },
	47	+ { label: "Text", ids: ["fox-input", "fox-text-area"] },
48	48	{
49		- label: "형식 입력",
	49	+ label: "Formatted",
50	50	ids: ["fox-phone-number", "fox-email", "fox-certified", "fox-address"],
51	51	},
52		- { label: "파일", ids: ["fox-file-upload"] },
	52	+ { label: "File", ids: ["fox-file-upload"] },
53	53	],
54	54	},
55	55	{
56	56	label: "Navigation",
57	57	subgroups: [
58		- { label: "위치·이동", ids: ["fox-breadcrumb", "fox-pagination"] },
	58	+ { label: "Paging", ids: ["fox-breadcrumb", "fox-pagination"] },
59	59	{
60		- label: "캐러셀",
	60	+ label: "Carousel",
61	61	ids: ["fox-carousel-indicator", "fox-carousel-button", "fox-carousel-area"],
62	62	},
63	63	],
...	...	@@ -65,28 +65,26 @@
65	65	{
66	66	label: "Layout",
67	67	subgroups: [
68		- { label: "표·목록", ids: ["fox-table", "fox-bullet-list"] },
69		- { label: "탭", ids: ["fox-tab"] },
70		- { label: "배지", ids: ["fox-badge", "fox-badge-dot", "fox-badge-group"] },
71		- { label: "펼침", ids: ["fox-accordion", "fox-disclosure"] },
72		- { label: "컨테이너", ids: ["fox-card", "fox-modal", "fox-page-header"] },
	68	+ { label: "Table & List", ids: ["fox-table", "fox-bullet-list"] },
	69	+ { label: "Tab", ids: ["fox-tab"] },
	70	+ { label: "Badge", ids: ["fox-badge", "fox-badge-dot", "fox-badge-group"] },
	71	+ { label: "Disclosure", ids: ["fox-accordion", "fox-disclosure"] },
	72	+ { label: "Container", ids: ["fox-card", "fox-modal", "fox-page-header"] },
73	73	],
74	74	},
75	75	{
76	76	label: "Feedback",
77	77	subgroups: [
78		- { label: "알림", ids: ["fox-alert", "fox-toast", "fox-snackbar", "fox-snackbar-list"] },
79		- { label: "상태", ids: ["fox-status-indicator", "fox-helper-text", "fox-spinner"] },
80		- { label: "단계", ids: ["fox-step-indicator", "fox-step-indicator-item"] },
	78	+ { label: "Notification", ids: ["fox-alert", "fox-toast", "fox-snackbar", "fox-snackbar-list"] },
	79	+ { label: "Status", ids: ["fox-status-indicator", "fox-helper-text", "fox-spinner"] },
	80	+ { label: "Step", ids: ["fox-step-indicator", "fox-step-indicator-item"] },
81	81	],
82	82	},
83	83	{
84	84	label: "Help",
85	85	subgroups: [
86		- {
87		- label: "도움말",
88		- ids: ["fox-tooltip", "fox-tooltip-rich", "fox-popover", "fox-contextual-trigger"],
89		- },
	86	+ { label: "Tooltip", ids: ["fox-tooltip", "fox-tooltip-rich"] },
	87	+ { label: "Popover", ids: ["fox-popover", "fox-contextual-trigger"] },
90	88	],
91	89	},
92	90	];

...	...	@@ -80,7 +80,7 @@
80	80
81	81	const rest = COMPONENT_EXAMPLES.filter((example) => !used.has(example.id));
82	82	if (rest.length > 0) {
83		- groups.push({ label: "기타", subgroups: [{ label: "미분류", examples: rest }] });
	83	+ groups.push({ label: "Etc", subgroups: [{ label: "Unsorted", examples: rest }] });
84	84	}
85	85
86	86	return groups;

Delete comment