palette-mcp 1.0.0 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OrderManagementGuide.d.ts +6 -0
- package/dist/components/OrderManagementGuide.js +266 -0
- package/dist/index-simple.d.ts +2 -0
- package/dist/index-simple.js +139 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +16 -226
- package/dist/requests/1762927928451-ajgna9b/SomaComponent.html +63 -0
- package/dist/requests/1762927928451-ajgna9b/SomaComponent.tsx +913 -0
- package/dist/requests/1762927928451-ajgna9b/metadata.json +9 -0
- package/dist/requests/1762931214963-cqlwvxn/SomaComponent.html +63 -0
- package/dist/requests/1762931214963-cqlwvxn/SomaComponent.tsx +525 -0
- package/dist/requests/1762931214963-cqlwvxn/metadata.json +9 -0
- package/dist/requests/1762932805663-m5wkk3a/SomaComponent.html +248 -0
- package/dist/requests/1762932805663-m5wkk3a/SomaComponent.tsx +1050 -0
- package/dist/requests/1762932805663-m5wkk3a/metadata.json +9 -0
- package/dist/requests/1762934645710-b67ldow/SomaComponent.html +193 -0
- package/dist/requests/1762934645710-b67ldow/SomaComponent.tsx +307 -0
- package/dist/requests/1762934645710-b67ldow/metadata.json +9 -0
- package/dist/requests/1762934961257-wwnmpvx/SomaComponent.html +193 -0
- package/dist/requests/1762934961257-wwnmpvx/SomaComponent.tsx +932 -0
- package/dist/requests/1762934961257-wwnmpvx/metadata.json +9 -0
- package/dist/requests/1762935126549-yjdcezr/SomaComponent.html +193 -0
- package/dist/requests/1762935126549-yjdcezr/SomaComponent.tsx +847 -0
- package/dist/requests/1762935126549-yjdcezr/metadata.json +9 -0
- package/dist/requests/1762935353759-fuokdeu/SomaComponent.html +193 -0
- package/dist/requests/1762935353759-fuokdeu/SomaComponent.tsx +334 -0
- package/dist/requests/1762935353759-fuokdeu/metadata.json +9 -0
- package/dist/requests/1762935378891-ckwbabn/SomaComponent.html +193 -0
- package/dist/requests/1762935378891-ckwbabn/SomaComponent.tsx +256 -0
- package/dist/requests/1762935378891-ckwbabn/metadata.json +9 -0
- package/dist/requests/1762935418352-181zqu4/SomaComponent.html +193 -0
- package/dist/requests/1762935418352-181zqu4/SomaComponent.tsx +45 -0
- package/dist/requests/1762935418352-181zqu4/metadata.json +9 -0
- package/dist/requests/1762935438157-vzkcbwy/SomaComponent.html +193 -0
- package/dist/requests/1762935438157-vzkcbwy/SomaComponent.tsx +238 -0
- package/dist/requests/1762935438157-vzkcbwy/metadata.json +9 -0
- package/dist/requests/1762935529749-ukzmiu3/SomaComponent.html +193 -0
- package/dist/requests/1762935529749-ukzmiu3/SomaComponent.tsx +138 -0
- package/dist/requests/1762935529749-ukzmiu3/metadata.json +9 -0
- package/dist/requests/1762935556527-jxelwj4/SomaComponent.html +193 -0
- package/dist/requests/1762935556527-jxelwj4/SomaComponent.tsx +138 -0
- package/dist/requests/1762935556527-jxelwj4/metadata.json +9 -0
- package/dist/requests/1762935579673-g39fqly/SomaComponent.html +193 -0
- package/dist/requests/1762935579673-g39fqly/SomaComponent.tsx +138 -0
- package/dist/requests/1762935579673-g39fqly/metadata.json +9 -0
- package/dist/requests/1762935613556-ogvsekd/SomaComponent.html +193 -0
- package/dist/requests/1762935613556-ogvsekd/SomaComponent.tsx +150 -0
- package/dist/requests/1762935613556-ogvsekd/metadata.json +9 -0
- package/dist/requests/1762935943631-hb2drgf/SomaComponent.html +193 -0
- package/dist/requests/1762935943631-hb2drgf/SomaComponent.tsx +150 -0
- package/dist/requests/1762935943631-hb2drgf/metadata.json +9 -0
- package/dist/requests/1762935954110-m7jb9m7/SomaComponent.html +193 -0
- package/dist/requests/1762935954110-m7jb9m7/SomaComponent.tsx +150 -0
- package/dist/requests/1762935954110-m7jb9m7/metadata.json +9 -0
- package/dist/requests/1762936003095-0jnmlga/SomaComponent.html +193 -0
- package/dist/requests/1762936003095-0jnmlga/SomaComponent.tsx +150 -0
- package/dist/requests/1762936003095-0jnmlga/metadata.json +9 -0
- package/dist/requests/1762937044748-7ubrrua/SomaComponent.html +193 -0
- package/dist/requests/1762937044748-7ubrrua/SomaComponent.tsx +138 -0
- package/dist/requests/1762937044748-7ubrrua/metadata.json +9 -0
- package/dist/server.d.ts +18 -0
- package/dist/server.js +246 -0
- package/dist/smithery.d.ts +50 -0
- package/dist/smithery.js +44 -0
- package/dist/test-figma-tools.d.ts +2 -0
- package/dist/test-figma-tools.js +55 -0
- package/dist/test-mcp-servers.d.ts +2 -0
- package/dist/test-mcp-servers.js +166 -0
- package/dist/test.d.ts +2 -0
- package/dist/test.js +76 -0
- package/package.json +4 -5
- package/smithery.yaml +8 -57
- package/src/components/OrderManagementGuide.tsx +459 -0
- package/src/index.ts +43 -0
- package/src/server.ts +301 -0
- package/src/services/code-generator.ts +1330 -0
- package/src/services/design-system.ts +2133 -0
- package/src/services/figma.ts +422 -0
- package/src/smithery.ts +54 -0
- package/src/test-figma-tools.ts +72 -0
- package/src/test-mcp-servers.ts +180 -0
- package/src/test.ts +89 -0
- package/src/utils/figma-mcp-client.ts +193 -0
- package/src/utils/request-manager.ts +101 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
{
|
|
2
|
+
"requestId": "1762927928451-ajgna9b",
|
|
3
|
+
"createdAt": "2025-11-12T06:12:08.476Z",
|
|
4
|
+
"files": [],
|
|
5
|
+
"type": "react",
|
|
6
|
+
"componentName": "SomaComponent",
|
|
7
|
+
"figmaUrl": "https://www.figma.com/design/akI7EwlWemAf8KJup9F2ZS/-%EC%86%8C%EB%A7%A4-%EB%8F%84%EB%A7%A4--%EC%8B%A0%EC%83%81%ED%86%A1?node-id=43439-90192&m=dev",
|
|
8
|
+
"nodeId": "43439-90192"
|
|
9
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="ko">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>SomaComponent - Preview</title>
|
|
7
|
+
<script crossorigin src="https://unpkg.com/react@19/umd/react.production.min.js"></script>
|
|
8
|
+
<script crossorigin src="https://unpkg.com/react-dom@19/umd/react-dom.production.min.js"></script>
|
|
9
|
+
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
|
|
10
|
+
<style>
|
|
11
|
+
body {
|
|
12
|
+
margin: 0;
|
|
13
|
+
padding: 20px;
|
|
14
|
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
|
|
15
|
+
background-color: #f5f5f5;
|
|
16
|
+
}
|
|
17
|
+
.container {
|
|
18
|
+
max-width: 1200px;
|
|
19
|
+
margin: 0 auto;
|
|
20
|
+
background: white;
|
|
21
|
+
padding: 20px;
|
|
22
|
+
border-radius: 8px;
|
|
23
|
+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
|
|
24
|
+
}
|
|
25
|
+
.preview {
|
|
26
|
+
margin-top: 30px;
|
|
27
|
+
padding: 20px;
|
|
28
|
+
border: 2px dashed #dee2e6;
|
|
29
|
+
border-radius: 4px;
|
|
30
|
+
background: #fff;
|
|
31
|
+
}
|
|
32
|
+
</style>
|
|
33
|
+
</head>
|
|
34
|
+
<body>
|
|
35
|
+
<div class="container">
|
|
36
|
+
<h1>SomaComponent - React 컴포넌트 미리보기</h1>
|
|
37
|
+
<div class="preview">
|
|
38
|
+
<div id="root"></div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<script type="text/babel">
|
|
42
|
+
// 모의 Design System 컴포넌트는 여기에 추가됩니다
|
|
43
|
+
// 실제 Design System 패키지 설치가 필요합니다
|
|
44
|
+
|
|
45
|
+
const cleanCode = "// Design System Components from GitHub:\n// React: https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system-react\n// Vue: https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system\n// \n// To use these components, install the packages:\n// npm install @dealicious/design-system-react @dealicious/design-system\n// or\n// yarn add @dealicious/design-system-react @dealicious/design-system\n\nimport { Button } from '@dealicious/design-system-react/src/components/ssm-button';\nimport { LayerPopup } from '@dealicious/design-system-react/src/components/ssm-layer-popup';\nimport { Tab } from '@dealicious/design-system-react/src/components/ssm-tab';\nimport { Text } from '@dealicious/design-system-react/src/components/ssm-text';\nimport { LabeledText } from '@dealicious/design-system-react/src/components/ssm-labeled-text';\nimport { Chip } from '@dealicious/design-system-react/src/components/ssm-chip';\nimport { Accordion } from '@dealicious/design-system-react/src/components/ssm-accordion';\n\nimport React from 'react';\n\ninterface SomaComponentProps {\n // Add your props here\n}\n\nconst SomaComponent: React.FC<SomaComponentProps> = (props) => {\n return (\n <div className=\"document-0:0\">\n <Button>\n <Button>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <LayerPopup>\n <Button size=\"large\">\n <Button >필터 size=\"small\">\n 필터\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"medium\">\n <Button >상품정보 size=\"small\">\n 상품정보\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >정렬 size=\"small\">\n 정렬\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >카테고리 size=\"small\">\n 카테고리\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >색상 size=\"small\">\n 색상\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >스타일 size=\"small\">\n 스타일\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >가격 size=\"small\">\n 가격\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >제조국 size=\"small\">\n 제조국\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >텍스트 size=\"small\">\n 텍스트\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button >Design Area max height 505px\nContents Area top padding 4or24(no title), bottom padding 24 포함 size=\"medium\">\n Design Area max height 505px\nContents Area top padding 4or24(no title), bottom padding 24 포함\n </Button>\n <Button >콘텐츠 내용 입력 가나다 size=\"small\">\n 콘텐츠 내용 입력 가나다\n </Button>\n <Button size=\"medium\">\n <Tab>\n <Tab>\n <Text>\n <LabeledText>\n 상품정보\n </LabeledText>\n </Text>\n <Button size=\"small\">\n </Button>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 정렬\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 카테고리\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 색상\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 스타일\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 가격\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n <Tab>\n <Tab>\n <LabeledText>\n 제조국\n </LabeledText>\n </Tab>\n <Button size=\"medium\">\n </Button>\n </Tab>\n </Tab>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"medium\">\n <Button >주문상태 size=\"small\">\n 주문상태\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"medium\">\n <Chip>\n 거래처만 공개\n </Chip>\n </Button>\n <Chip>\n <Chip>\n 주문접수\n </Chip>\n </Chip>\n <Chip>\n <Chip>\n 주문확인\n </Chip>\n </Chip>\n <Chip>\n <Chip>\n 포장완료\n </Chip>\n </Chip>\n <Chip>\n <Chip>\n 주문 확인 후 도매 삭제\n </Chip>\n </Chip>\n <Chip>\n <Chip>\n 거래완료 요청\n </Chip>\n </Chip>\n <Chip>\n <Chip>\n 거래완료\n </Chip>\n </Chip>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"medium\">\n <Button >기간 size=\"small\">\n 기간\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 3일\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 1주일\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 1개월\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 3개월\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 6개월\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 1년\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 2년\n </Text>\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >펼쳐보기 size=\"small\">\n 펼쳐보기\n </Button>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"small\">\n </Button>\n <Button size=\"large\">\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n <Button >초기화 size=\"small\">\n 초기화\n </Button>\n </Button>\n <Button size=\"medium\">\n <Button >적용 size=\"small\">\n 적용\n </Button>\n </Button>\n </Button>\n </Button>\n </LayerPopup>\n </Button>\n </Button>\n </Button>\n </Button>\n <Button>\n <Button size=\"large\">\n <Button size=\"large\">\n <LayerPopup>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </LayerPopup>\n </Button>\n </Button>\n </Button>\n <Button>\n </Button>\n <Accordion>\n </Accordion>\n <Button>\n </Button>\n <Button>\n </Button>\n <Button>\n </Button>\n <Tab>\n </Tab>\n <Tab>\n </Tab>\n <Button>\n </Button>\n <Button>\n </Button>\n <Button>\n </Button>\n <Button>\n </Button>\n <Button>\n </Button>\n <Accordion>\n <Button size=\"large\">\n <Button size=\"large\">\n <LayerPopup>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"medium\">\n <Button >상품정보 size=\"small\">\n 상품정보\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </LayerPopup>\n </Button>\n </Button>\n </Accordion>\n </Button>\n </div>\n );\n};\n\nexport default SomaComponent;\n"
|
|
46
|
+
.replace(/import[^;]+;/g, '')
|
|
47
|
+
.replace(///[^\n]*/g, '')
|
|
48
|
+
.replace(/interface[^\{]*\{[^\}]*\}/g, '')
|
|
49
|
+
.replace(/React\.FC<[^>]*>/g, '')
|
|
50
|
+
.replace(/export default SomaComponent;/g, '')
|
|
51
|
+
.replace(new RegExp(`const SomaComponent:.*?=`, 'g'), `const SomaComponent = `);
|
|
52
|
+
|
|
53
|
+
try {
|
|
54
|
+
const transformedCode = Babel.transform(cleanCode, { presets: ['react'] }).code;
|
|
55
|
+
eval(transformedCode);
|
|
56
|
+
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
57
|
+
root.render(React.createElement(SomaComponent, {}));
|
|
58
|
+
} catch (error) {
|
|
59
|
+
document.getElementById('root').innerHTML = '<p style="color: red;">렌더링 오류: ' + error.message + '</p>';
|
|
60
|
+
}
|
|
61
|
+
</script>
|
|
62
|
+
</body>
|
|
63
|
+
</html>
|
|
@@ -0,0 +1,525 @@
|
|
|
1
|
+
// Design System Components from GitHub:
|
|
2
|
+
// React: https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system-react
|
|
3
|
+
// Vue: https://github.com/dealicious-inc/ssm-web/tree/master/packages/design-system
|
|
4
|
+
//
|
|
5
|
+
// To use these components, install the packages:
|
|
6
|
+
// npm install @dealicious/design-system-react @dealicious/design-system
|
|
7
|
+
// or
|
|
8
|
+
// yarn add @dealicious/design-system-react @dealicious/design-system
|
|
9
|
+
|
|
10
|
+
import { Button } from '@dealicious/design-system-react/src/components/ssm-button';
|
|
11
|
+
import { LayerPopup } from '@dealicious/design-system-react/src/components/ssm-layer-popup';
|
|
12
|
+
import { Tab } from '@dealicious/design-system-react/src/components/ssm-tab';
|
|
13
|
+
import { Text } from '@dealicious/design-system-react/src/components/ssm-text';
|
|
14
|
+
import { LabeledText } from '@dealicious/design-system-react/src/components/ssm-labeled-text';
|
|
15
|
+
import { Chip } from '@dealicious/design-system-react/src/components/ssm-chip';
|
|
16
|
+
import { Accordion } from '@dealicious/design-system-react/src/components/ssm-accordion';
|
|
17
|
+
|
|
18
|
+
import React from 'react';
|
|
19
|
+
|
|
20
|
+
interface SomaComponentProps {
|
|
21
|
+
// Add your props here
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
const SomaComponent: React.FC<SomaComponentProps> = (props) => {
|
|
25
|
+
return (
|
|
26
|
+
<div className="document-0:0">
|
|
27
|
+
<Button>
|
|
28
|
+
<Button>
|
|
29
|
+
<Button size="large">
|
|
30
|
+
<Button size="large">
|
|
31
|
+
<Button size="large">
|
|
32
|
+
<LayerPopup>
|
|
33
|
+
<Button size="large">
|
|
34
|
+
<Button >필터 size="small">
|
|
35
|
+
필터
|
|
36
|
+
</Button>
|
|
37
|
+
<Button size="small">
|
|
38
|
+
<Button size="small">
|
|
39
|
+
<Button size="small">
|
|
40
|
+
</Button>
|
|
41
|
+
<Button size="small">
|
|
42
|
+
<Button size="small">
|
|
43
|
+
</Button>
|
|
44
|
+
<Button size="small">
|
|
45
|
+
<Button size="small">
|
|
46
|
+
</Button>
|
|
47
|
+
<Button size="small">
|
|
48
|
+
</Button>
|
|
49
|
+
</Button>
|
|
50
|
+
</Button>
|
|
51
|
+
<Button size="small">
|
|
52
|
+
<Button size="small">
|
|
53
|
+
</Button>
|
|
54
|
+
<Button size="small">
|
|
55
|
+
</Button>
|
|
56
|
+
</Button>
|
|
57
|
+
</Button>
|
|
58
|
+
</Button>
|
|
59
|
+
</Button>
|
|
60
|
+
<Button size="large">
|
|
61
|
+
<Button size="medium">
|
|
62
|
+
<Button >상품정보 size="small">
|
|
63
|
+
상품정보
|
|
64
|
+
</Button>
|
|
65
|
+
</Button>
|
|
66
|
+
<Button size="medium">
|
|
67
|
+
<Button >정렬 size="small">
|
|
68
|
+
정렬
|
|
69
|
+
</Button>
|
|
70
|
+
</Button>
|
|
71
|
+
<Button size="medium">
|
|
72
|
+
<Button >카테고리 size="small">
|
|
73
|
+
카테고리
|
|
74
|
+
</Button>
|
|
75
|
+
</Button>
|
|
76
|
+
<Button size="medium">
|
|
77
|
+
<Button >색상 size="small">
|
|
78
|
+
색상
|
|
79
|
+
</Button>
|
|
80
|
+
</Button>
|
|
81
|
+
<Button size="medium">
|
|
82
|
+
<Button >스타일 size="small">
|
|
83
|
+
스타일
|
|
84
|
+
</Button>
|
|
85
|
+
</Button>
|
|
86
|
+
<Button size="medium">
|
|
87
|
+
<Button >가격 size="small">
|
|
88
|
+
가격
|
|
89
|
+
</Button>
|
|
90
|
+
</Button>
|
|
91
|
+
<Button size="medium">
|
|
92
|
+
<Button >제조국 size="small">
|
|
93
|
+
제조국
|
|
94
|
+
</Button>
|
|
95
|
+
</Button>
|
|
96
|
+
<Button size="medium">
|
|
97
|
+
<Button >텍스트 size="small">
|
|
98
|
+
텍스트
|
|
99
|
+
</Button>
|
|
100
|
+
</Button>
|
|
101
|
+
<Button size="medium">
|
|
102
|
+
<Button >텍스트 size="small">
|
|
103
|
+
텍스트
|
|
104
|
+
</Button>
|
|
105
|
+
</Button>
|
|
106
|
+
<Button size="medium">
|
|
107
|
+
<Button >텍스트 size="small">
|
|
108
|
+
텍스트
|
|
109
|
+
</Button>
|
|
110
|
+
</Button>
|
|
111
|
+
<Button size="medium">
|
|
112
|
+
<Button >텍스트 size="small">
|
|
113
|
+
텍스트
|
|
114
|
+
</Button>
|
|
115
|
+
</Button>
|
|
116
|
+
<Button size="medium">
|
|
117
|
+
<Button >텍스트 size="small">
|
|
118
|
+
텍스트
|
|
119
|
+
</Button>
|
|
120
|
+
</Button>
|
|
121
|
+
<Button size="medium">
|
|
122
|
+
<Button >텍스트 size="small">
|
|
123
|
+
텍스트
|
|
124
|
+
</Button>
|
|
125
|
+
</Button>
|
|
126
|
+
<Button size="medium">
|
|
127
|
+
<Button >텍스트 size="small">
|
|
128
|
+
텍스트
|
|
129
|
+
</Button>
|
|
130
|
+
</Button>
|
|
131
|
+
<Button size="medium">
|
|
132
|
+
<Button >텍스트 size="small">
|
|
133
|
+
텍스트
|
|
134
|
+
</Button>
|
|
135
|
+
</Button>
|
|
136
|
+
<Button size="medium">
|
|
137
|
+
<Button >텍스트 size="small">
|
|
138
|
+
텍스트
|
|
139
|
+
</Button>
|
|
140
|
+
</Button>
|
|
141
|
+
</Button>
|
|
142
|
+
<Button size="large">
|
|
143
|
+
<Button size="large">
|
|
144
|
+
<Button >Design Area max height 505px
|
|
145
|
+
Contents Area top padding 4or24(no title), bottom padding 24 포함 size="medium">
|
|
146
|
+
Design Area max height 505px
|
|
147
|
+
Contents Area top padding 4or24(no title), bottom padding 24 포함
|
|
148
|
+
</Button>
|
|
149
|
+
<Button >콘텐츠 내용 입력 가나다 size="small">
|
|
150
|
+
콘텐츠 내용 입력 가나다
|
|
151
|
+
</Button>
|
|
152
|
+
<Button size="medium">
|
|
153
|
+
<Tab>
|
|
154
|
+
<Tab>
|
|
155
|
+
<Text>
|
|
156
|
+
<LabeledText>
|
|
157
|
+
상품정보
|
|
158
|
+
</LabeledText>
|
|
159
|
+
</Text>
|
|
160
|
+
<Button size="small">
|
|
161
|
+
</Button>
|
|
162
|
+
<Button size="medium">
|
|
163
|
+
</Button>
|
|
164
|
+
</Tab>
|
|
165
|
+
<Tab>
|
|
166
|
+
<Tab>
|
|
167
|
+
<LabeledText>
|
|
168
|
+
정렬
|
|
169
|
+
</LabeledText>
|
|
170
|
+
</Tab>
|
|
171
|
+
<Button size="medium">
|
|
172
|
+
</Button>
|
|
173
|
+
</Tab>
|
|
174
|
+
<Tab>
|
|
175
|
+
<Tab>
|
|
176
|
+
<LabeledText>
|
|
177
|
+
카테고리
|
|
178
|
+
</LabeledText>
|
|
179
|
+
</Tab>
|
|
180
|
+
<Button size="medium">
|
|
181
|
+
</Button>
|
|
182
|
+
</Tab>
|
|
183
|
+
<Tab>
|
|
184
|
+
<Tab>
|
|
185
|
+
<LabeledText>
|
|
186
|
+
색상
|
|
187
|
+
</LabeledText>
|
|
188
|
+
</Tab>
|
|
189
|
+
<Button size="medium">
|
|
190
|
+
</Button>
|
|
191
|
+
</Tab>
|
|
192
|
+
<Tab>
|
|
193
|
+
<Tab>
|
|
194
|
+
<LabeledText>
|
|
195
|
+
스타일
|
|
196
|
+
</LabeledText>
|
|
197
|
+
</Tab>
|
|
198
|
+
<Button size="medium">
|
|
199
|
+
</Button>
|
|
200
|
+
</Tab>
|
|
201
|
+
<Tab>
|
|
202
|
+
<Tab>
|
|
203
|
+
<LabeledText>
|
|
204
|
+
가격
|
|
205
|
+
</LabeledText>
|
|
206
|
+
</Tab>
|
|
207
|
+
<Button size="medium">
|
|
208
|
+
</Button>
|
|
209
|
+
</Tab>
|
|
210
|
+
<Tab>
|
|
211
|
+
<Tab>
|
|
212
|
+
<LabeledText>
|
|
213
|
+
제조국
|
|
214
|
+
</LabeledText>
|
|
215
|
+
</Tab>
|
|
216
|
+
<Button size="medium">
|
|
217
|
+
</Button>
|
|
218
|
+
</Tab>
|
|
219
|
+
</Tab>
|
|
220
|
+
<Button size="small">
|
|
221
|
+
<Button size="small">
|
|
222
|
+
</Button>
|
|
223
|
+
</Button>
|
|
224
|
+
</Button>
|
|
225
|
+
<Button size="large">
|
|
226
|
+
<Button size="medium">
|
|
227
|
+
<Button >주문상태 size="small">
|
|
228
|
+
주문상태
|
|
229
|
+
</Button>
|
|
230
|
+
<Button size="small">
|
|
231
|
+
<Button size="small">
|
|
232
|
+
<Button size="small">
|
|
233
|
+
</Button>
|
|
234
|
+
<Button size="small">
|
|
235
|
+
<Button size="small">
|
|
236
|
+
</Button>
|
|
237
|
+
<Button size="small">
|
|
238
|
+
</Button>
|
|
239
|
+
</Button>
|
|
240
|
+
<Button size="small">
|
|
241
|
+
<Button size="small">
|
|
242
|
+
</Button>
|
|
243
|
+
<Button size="small">
|
|
244
|
+
</Button>
|
|
245
|
+
</Button>
|
|
246
|
+
</Button>
|
|
247
|
+
</Button>
|
|
248
|
+
</Button>
|
|
249
|
+
<Button size="large">
|
|
250
|
+
<Button size="medium">
|
|
251
|
+
<Chip>
|
|
252
|
+
거래처만 공개
|
|
253
|
+
</Chip>
|
|
254
|
+
</Button>
|
|
255
|
+
<Chip>
|
|
256
|
+
<Chip>
|
|
257
|
+
주문접수
|
|
258
|
+
</Chip>
|
|
259
|
+
</Chip>
|
|
260
|
+
<Chip>
|
|
261
|
+
<Chip>
|
|
262
|
+
주문확인
|
|
263
|
+
</Chip>
|
|
264
|
+
</Chip>
|
|
265
|
+
<Chip>
|
|
266
|
+
<Chip>
|
|
267
|
+
포장완료
|
|
268
|
+
</Chip>
|
|
269
|
+
</Chip>
|
|
270
|
+
<Chip>
|
|
271
|
+
<Chip>
|
|
272
|
+
주문 확인 후 도매 삭제
|
|
273
|
+
</Chip>
|
|
274
|
+
</Chip>
|
|
275
|
+
<Chip>
|
|
276
|
+
<Chip>
|
|
277
|
+
거래완료 요청
|
|
278
|
+
</Chip>
|
|
279
|
+
</Chip>
|
|
280
|
+
<Chip>
|
|
281
|
+
<Chip>
|
|
282
|
+
거래완료
|
|
283
|
+
</Chip>
|
|
284
|
+
</Chip>
|
|
285
|
+
</Button>
|
|
286
|
+
</Button>
|
|
287
|
+
<Button size="small">
|
|
288
|
+
<Button size="small">
|
|
289
|
+
</Button>
|
|
290
|
+
</Button>
|
|
291
|
+
<Button size="large">
|
|
292
|
+
<Button size="medium">
|
|
293
|
+
<Button >기간 size="small">
|
|
294
|
+
기간
|
|
295
|
+
</Button>
|
|
296
|
+
<Button size="small">
|
|
297
|
+
<Button size="small">
|
|
298
|
+
<Button size="small">
|
|
299
|
+
</Button>
|
|
300
|
+
<Button size="small">
|
|
301
|
+
<Button size="small">
|
|
302
|
+
</Button>
|
|
303
|
+
<Button size="small">
|
|
304
|
+
</Button>
|
|
305
|
+
</Button>
|
|
306
|
+
<Button size="small">
|
|
307
|
+
<Button size="small">
|
|
308
|
+
</Button>
|
|
309
|
+
<Button size="small">
|
|
310
|
+
</Button>
|
|
311
|
+
</Button>
|
|
312
|
+
</Button>
|
|
313
|
+
</Button>
|
|
314
|
+
</Button>
|
|
315
|
+
<Button size="medium">
|
|
316
|
+
<Button size="small">
|
|
317
|
+
<Button size="small">
|
|
318
|
+
<Button size="small">
|
|
319
|
+
</Button>
|
|
320
|
+
</Button>
|
|
321
|
+
<Text>
|
|
322
|
+
3일
|
|
323
|
+
</Text>
|
|
324
|
+
</Button>
|
|
325
|
+
</Button>
|
|
326
|
+
<Button size="medium">
|
|
327
|
+
<Button size="small">
|
|
328
|
+
<Button size="small">
|
|
329
|
+
<Button size="small">
|
|
330
|
+
</Button>
|
|
331
|
+
</Button>
|
|
332
|
+
<Text>
|
|
333
|
+
1주일
|
|
334
|
+
</Text>
|
|
335
|
+
</Button>
|
|
336
|
+
</Button>
|
|
337
|
+
<Button size="medium">
|
|
338
|
+
<Button size="small">
|
|
339
|
+
<Button size="small">
|
|
340
|
+
<Button size="small">
|
|
341
|
+
</Button>
|
|
342
|
+
</Button>
|
|
343
|
+
<Text>
|
|
344
|
+
1개월
|
|
345
|
+
</Text>
|
|
346
|
+
</Button>
|
|
347
|
+
</Button>
|
|
348
|
+
<Button size="medium">
|
|
349
|
+
<Button size="small">
|
|
350
|
+
<Button size="small">
|
|
351
|
+
<Button size="small">
|
|
352
|
+
</Button>
|
|
353
|
+
<Button size="small">
|
|
354
|
+
</Button>
|
|
355
|
+
</Button>
|
|
356
|
+
<Text>
|
|
357
|
+
3개월
|
|
358
|
+
</Text>
|
|
359
|
+
</Button>
|
|
360
|
+
</Button>
|
|
361
|
+
<Button size="medium">
|
|
362
|
+
<Button size="small">
|
|
363
|
+
<Button size="small">
|
|
364
|
+
<Button size="small">
|
|
365
|
+
</Button>
|
|
366
|
+
</Button>
|
|
367
|
+
<Text>
|
|
368
|
+
6개월
|
|
369
|
+
</Text>
|
|
370
|
+
</Button>
|
|
371
|
+
</Button>
|
|
372
|
+
<Button size="medium">
|
|
373
|
+
<Button size="small">
|
|
374
|
+
<Button size="small">
|
|
375
|
+
<Button size="small">
|
|
376
|
+
</Button>
|
|
377
|
+
</Button>
|
|
378
|
+
<Text>
|
|
379
|
+
1년
|
|
380
|
+
</Text>
|
|
381
|
+
</Button>
|
|
382
|
+
</Button>
|
|
383
|
+
<Button size="medium">
|
|
384
|
+
<Button size="small">
|
|
385
|
+
<Button size="small">
|
|
386
|
+
<Button size="small">
|
|
387
|
+
</Button>
|
|
388
|
+
</Button>
|
|
389
|
+
<Text>
|
|
390
|
+
2년
|
|
391
|
+
</Text>
|
|
392
|
+
</Button>
|
|
393
|
+
</Button>
|
|
394
|
+
<Button size="medium">
|
|
395
|
+
<Button >펼쳐보기 size="small">
|
|
396
|
+
펼쳐보기
|
|
397
|
+
</Button>
|
|
398
|
+
</Button>
|
|
399
|
+
</Button>
|
|
400
|
+
<Button size="small">
|
|
401
|
+
<Button size="small">
|
|
402
|
+
</Button>
|
|
403
|
+
</Button>
|
|
404
|
+
</Button>
|
|
405
|
+
</Button>
|
|
406
|
+
<Button size="large">
|
|
407
|
+
<Button size="small">
|
|
408
|
+
</Button>
|
|
409
|
+
<Button size="large">
|
|
410
|
+
<Button size="medium">
|
|
411
|
+
<Button size="small">
|
|
412
|
+
<Button size="small">
|
|
413
|
+
</Button>
|
|
414
|
+
<Button size="small">
|
|
415
|
+
<Button size="small">
|
|
416
|
+
</Button>
|
|
417
|
+
<Button size="small">
|
|
418
|
+
</Button>
|
|
419
|
+
</Button>
|
|
420
|
+
<Button size="small">
|
|
421
|
+
<Button size="small">
|
|
422
|
+
</Button>
|
|
423
|
+
<Button size="small">
|
|
424
|
+
</Button>
|
|
425
|
+
</Button>
|
|
426
|
+
</Button>
|
|
427
|
+
<Button >초기화 size="small">
|
|
428
|
+
초기화
|
|
429
|
+
</Button>
|
|
430
|
+
</Button>
|
|
431
|
+
<Button size="medium">
|
|
432
|
+
<Button >적용 size="small">
|
|
433
|
+
적용
|
|
434
|
+
</Button>
|
|
435
|
+
</Button>
|
|
436
|
+
</Button>
|
|
437
|
+
</Button>
|
|
438
|
+
</LayerPopup>
|
|
439
|
+
</Button>
|
|
440
|
+
</Button>
|
|
441
|
+
</Button>
|
|
442
|
+
</Button>
|
|
443
|
+
<Button>
|
|
444
|
+
<Button size="large">
|
|
445
|
+
<Button size="large">
|
|
446
|
+
<LayerPopup>
|
|
447
|
+
<Button size="large">
|
|
448
|
+
<Button size="large">
|
|
449
|
+
<Button size="small">
|
|
450
|
+
<Button size="small">
|
|
451
|
+
</Button>
|
|
452
|
+
</Button>
|
|
453
|
+
</Button>
|
|
454
|
+
</Button>
|
|
455
|
+
</LayerPopup>
|
|
456
|
+
</Button>
|
|
457
|
+
</Button>
|
|
458
|
+
</Button>
|
|
459
|
+
<Button>
|
|
460
|
+
</Button>
|
|
461
|
+
<Accordion>
|
|
462
|
+
</Accordion>
|
|
463
|
+
<Button>
|
|
464
|
+
</Button>
|
|
465
|
+
<Button>
|
|
466
|
+
</Button>
|
|
467
|
+
<Button>
|
|
468
|
+
</Button>
|
|
469
|
+
<Tab>
|
|
470
|
+
</Tab>
|
|
471
|
+
<Tab>
|
|
472
|
+
</Tab>
|
|
473
|
+
<Button>
|
|
474
|
+
</Button>
|
|
475
|
+
<Button>
|
|
476
|
+
</Button>
|
|
477
|
+
<Button>
|
|
478
|
+
</Button>
|
|
479
|
+
<Button>
|
|
480
|
+
</Button>
|
|
481
|
+
<Button>
|
|
482
|
+
</Button>
|
|
483
|
+
<Accordion>
|
|
484
|
+
<Button size="large">
|
|
485
|
+
<Button size="large">
|
|
486
|
+
<LayerPopup>
|
|
487
|
+
<Button size="large">
|
|
488
|
+
<Button size="large">
|
|
489
|
+
<Button size="large">
|
|
490
|
+
<Button size="medium">
|
|
491
|
+
<Button >상품정보 size="small">
|
|
492
|
+
상품정보
|
|
493
|
+
</Button>
|
|
494
|
+
<Button size="small">
|
|
495
|
+
<Button size="small">
|
|
496
|
+
<Button size="small">
|
|
497
|
+
</Button>
|
|
498
|
+
<Button size="small">
|
|
499
|
+
<Button size="small">
|
|
500
|
+
</Button>
|
|
501
|
+
<Button size="small">
|
|
502
|
+
</Button>
|
|
503
|
+
</Button>
|
|
504
|
+
<Button size="small">
|
|
505
|
+
<Button size="small">
|
|
506
|
+
</Button>
|
|
507
|
+
<Button size="small">
|
|
508
|
+
</Button>
|
|
509
|
+
</Button>
|
|
510
|
+
</Button>
|
|
511
|
+
</Button>
|
|
512
|
+
</Button>
|
|
513
|
+
</Button>
|
|
514
|
+
</Button>
|
|
515
|
+
</Button>
|
|
516
|
+
</LayerPopup>
|
|
517
|
+
</Button>
|
|
518
|
+
</Button>
|
|
519
|
+
</Accordion>
|
|
520
|
+
</Button>
|
|
521
|
+
</div>
|
|
522
|
+
);
|
|
523
|
+
};
|
|
524
|
+
|
|
525
|
+
export default SomaComponent;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
{
|
|
2
|
+
"requestId": "1762931214963-cqlwvxn",
|
|
3
|
+
"createdAt": "2025-11-12T07:06:54.972Z",
|
|
4
|
+
"files": [],
|
|
5
|
+
"type": "react",
|
|
6
|
+
"componentName": "SomaComponent",
|
|
7
|
+
"figmaUrl": "https://www.figma.com/design/akI7EwlWemAf8KJup9F2ZS/-%EC%86%8C%EB%A7%A4-%EB%8F%84%EB%A7%A4--%EC%8B%A0%EC%83%81%ED%86%A1?node-id=25406-84252&m=dev",
|
|
8
|
+
"nodeId": "25406-84252"
|
|
9
|
+
}
|