palette-mcp 1.1.0 → 1.1.2
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/services/code-generator.d.ts +1 -0
- package/dist/services/code-generator.js +14 -1
- package/package.json +17 -4
- package/src/services/code-generator.ts +15 -1
- package/dist/components/OrderManagementGuide.d.ts +0 -6
- package/dist/components/OrderManagementGuide.js +0 -266
- package/dist/index-simple.d.ts +0 -2
- package/dist/index-simple.js +0 -139
- package/dist/requests/1762927928451-ajgna9b/SomaComponent.html +0 -63
- package/dist/requests/1762927928451-ajgna9b/SomaComponent.tsx +0 -913
- package/dist/requests/1762927928451-ajgna9b/metadata.json +0 -9
- package/dist/requests/1762931214963-cqlwvxn/SomaComponent.html +0 -63
- package/dist/requests/1762931214963-cqlwvxn/SomaComponent.tsx +0 -525
- package/dist/requests/1762931214963-cqlwvxn/metadata.json +0 -9
- package/dist/requests/1762932805663-m5wkk3a/SomaComponent.html +0 -248
- package/dist/requests/1762932805663-m5wkk3a/SomaComponent.tsx +0 -1050
- package/dist/requests/1762932805663-m5wkk3a/metadata.json +0 -9
- package/dist/requests/1762934645710-b67ldow/SomaComponent.html +0 -193
- package/dist/requests/1762934645710-b67ldow/SomaComponent.tsx +0 -307
- package/dist/requests/1762934645710-b67ldow/metadata.json +0 -9
- package/dist/requests/1762934961257-wwnmpvx/SomaComponent.html +0 -193
- package/dist/requests/1762934961257-wwnmpvx/SomaComponent.tsx +0 -932
- package/dist/requests/1762934961257-wwnmpvx/metadata.json +0 -9
- package/dist/requests/1762935126549-yjdcezr/SomaComponent.html +0 -193
- package/dist/requests/1762935126549-yjdcezr/SomaComponent.tsx +0 -847
- package/dist/requests/1762935126549-yjdcezr/metadata.json +0 -9
- package/dist/requests/1762935353759-fuokdeu/SomaComponent.html +0 -193
- package/dist/requests/1762935353759-fuokdeu/SomaComponent.tsx +0 -334
- package/dist/requests/1762935353759-fuokdeu/metadata.json +0 -9
- package/dist/requests/1762935378891-ckwbabn/SomaComponent.html +0 -193
- package/dist/requests/1762935378891-ckwbabn/SomaComponent.tsx +0 -256
- package/dist/requests/1762935378891-ckwbabn/metadata.json +0 -9
- package/dist/requests/1762935418352-181zqu4/SomaComponent.html +0 -193
- package/dist/requests/1762935418352-181zqu4/SomaComponent.tsx +0 -45
- package/dist/requests/1762935418352-181zqu4/metadata.json +0 -9
- package/dist/requests/1762935438157-vzkcbwy/SomaComponent.html +0 -193
- package/dist/requests/1762935438157-vzkcbwy/SomaComponent.tsx +0 -238
- package/dist/requests/1762935438157-vzkcbwy/metadata.json +0 -9
- package/dist/requests/1762935529749-ukzmiu3/SomaComponent.html +0 -193
- package/dist/requests/1762935529749-ukzmiu3/SomaComponent.tsx +0 -138
- package/dist/requests/1762935529749-ukzmiu3/metadata.json +0 -9
- package/dist/requests/1762935556527-jxelwj4/SomaComponent.html +0 -193
- package/dist/requests/1762935556527-jxelwj4/SomaComponent.tsx +0 -138
- package/dist/requests/1762935556527-jxelwj4/metadata.json +0 -9
- package/dist/requests/1762935579673-g39fqly/SomaComponent.html +0 -193
- package/dist/requests/1762935579673-g39fqly/SomaComponent.tsx +0 -138
- package/dist/requests/1762935579673-g39fqly/metadata.json +0 -9
- package/dist/requests/1762935613556-ogvsekd/SomaComponent.html +0 -193
- package/dist/requests/1762935613556-ogvsekd/SomaComponent.tsx +0 -150
- package/dist/requests/1762935613556-ogvsekd/metadata.json +0 -9
- package/dist/requests/1762935943631-hb2drgf/SomaComponent.html +0 -193
- package/dist/requests/1762935943631-hb2drgf/SomaComponent.tsx +0 -150
- package/dist/requests/1762935943631-hb2drgf/metadata.json +0 -9
- package/dist/requests/1762935954110-m7jb9m7/SomaComponent.html +0 -193
- package/dist/requests/1762935954110-m7jb9m7/SomaComponent.tsx +0 -150
- package/dist/requests/1762935954110-m7jb9m7/metadata.json +0 -9
- package/dist/requests/1762936003095-0jnmlga/SomaComponent.html +0 -193
- package/dist/requests/1762936003095-0jnmlga/SomaComponent.tsx +0 -150
- package/dist/requests/1762936003095-0jnmlga/metadata.json +0 -9
- package/dist/requests/1762937044748-7ubrrua/SomaComponent.html +0 -193
- package/dist/requests/1762937044748-7ubrrua/SomaComponent.tsx +0 -138
- package/dist/requests/1762937044748-7ubrrua/metadata.json +0 -9
- package/dist/test-figma-tools.d.ts +0 -2
- package/dist/test-figma-tools.js +0 -55
- package/dist/test-mcp-servers.d.ts +0 -2
- package/dist/test-mcp-servers.js +0 -166
- package/dist/test.d.ts +0 -2
- package/dist/test.js +0 -76
- package/src/components/OrderManagementGuide.tsx +0 -459
- package/src/test-figma-tools.ts +0 -72
- package/src/test-mcp-servers.ts +0 -180
- package/src/test.ts +0 -89
|
@@ -1,193 +0,0 @@
|
|
|
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
|
-
min-height: 200px;
|
|
32
|
-
}
|
|
33
|
-
.error {
|
|
34
|
-
color: red;
|
|
35
|
-
padding: 10px;
|
|
36
|
-
background: #ffe6e6;
|
|
37
|
-
border: 1px solid #ff9999;
|
|
38
|
-
border-radius: 4px;
|
|
39
|
-
margin: 10px 0;
|
|
40
|
-
}
|
|
41
|
-
.mock-button {
|
|
42
|
-
display: inline-block;
|
|
43
|
-
padding: 8px 16px;
|
|
44
|
-
margin: 4px;
|
|
45
|
-
background: #007bff;
|
|
46
|
-
color: white;
|
|
47
|
-
border: none;
|
|
48
|
-
border-radius: 4px;
|
|
49
|
-
cursor: pointer;
|
|
50
|
-
}
|
|
51
|
-
.mock-button:hover {
|
|
52
|
-
background: #0056b3;
|
|
53
|
-
}
|
|
54
|
-
</style>
|
|
55
|
-
</head>
|
|
56
|
-
<body>
|
|
57
|
-
<div class="container">
|
|
58
|
-
<h1>SomaComponent - React 컴포넌트 미리보기</h1>
|
|
59
|
-
<div class="preview">
|
|
60
|
-
<div id="root"></div>
|
|
61
|
-
</div>
|
|
62
|
-
</div>
|
|
63
|
-
<script type="text/babel">
|
|
64
|
-
// 모의 Design System 컴포넌트 정의
|
|
65
|
-
const Button = ({ children, size, ...props }) => {
|
|
66
|
-
const sizeStyle = size === 'small' ? { padding: '4px 8px', fontSize: '12px' } :
|
|
67
|
-
size === 'large' ? { padding: '12px 24px', fontSize: '16px' } :
|
|
68
|
-
{ padding: '8px 16px', fontSize: '14px' };
|
|
69
|
-
return React.createElement('button', {
|
|
70
|
-
style: { ...sizeStyle, background: '#007bff', color: 'white', border: 'none', borderRadius: '4px', cursor: 'pointer', margin: '2px' },
|
|
71
|
-
...props
|
|
72
|
-
}, children);
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
const LayerPopup = ({ children, isOpen, onClose, ...props }) => {
|
|
76
|
-
if (!isOpen) return null;
|
|
77
|
-
return React.createElement('div', {
|
|
78
|
-
style: { position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: 'rgba(0,0,0,0.5)', zIndex: 1000, display: 'flex', alignItems: 'center', justifyContent: 'center' },
|
|
79
|
-
onClick: onClose,
|
|
80
|
-
...props
|
|
81
|
-
}, React.createElement('div', {
|
|
82
|
-
style: { background: 'white', padding: '20px', borderRadius: '8px', maxWidth: '90%', maxHeight: '90%', overflow: 'auto' },
|
|
83
|
-
onClick: (e) => e.stopPropagation()
|
|
84
|
-
}, children));
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
const Tab = ({ children, tabs, activeTab, onTabChange, ...props }) => {
|
|
88
|
-
return React.createElement('div', { style: { borderBottom: '1px solid #ddd' }, ...props }, children);
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
const Text = ({ children, variant, size, ...props }) => {
|
|
92
|
-
const style = {
|
|
93
|
-
fontSize: size === 'small' ? '12px' : size === 'large' ? '18px' : '14px',
|
|
94
|
-
fontWeight: variant === 'heading' ? 'bold' : 'normal',
|
|
95
|
-
...props.style
|
|
96
|
-
};
|
|
97
|
-
return React.createElement('span', { style, ...props }, children);
|
|
98
|
-
};
|
|
99
|
-
|
|
100
|
-
const LabeledText = ({ label, value, ...props }) => {
|
|
101
|
-
return React.createElement('div', { style: { margin: '4px 0' }, ...props },
|
|
102
|
-
React.createElement('span', { style: { fontWeight: 'bold', marginRight: '8px' } }, label + ':'),
|
|
103
|
-
React.createElement('span', {}, value || '')
|
|
104
|
-
);
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
const Input = ({ placeholder, value, onChange, ...props }) => {
|
|
108
|
-
return React.createElement('input', {
|
|
109
|
-
type: 'text',
|
|
110
|
-
placeholder,
|
|
111
|
-
value: value || '',
|
|
112
|
-
onChange: onChange || (() => {}),
|
|
113
|
-
style: { padding: '8px', border: '1px solid #ddd', borderRadius: '4px', margin: '4px', width: '200px' },
|
|
114
|
-
...props
|
|
115
|
-
});
|
|
116
|
-
};
|
|
117
|
-
|
|
118
|
-
const Chip = ({ children, variant, size, onDelete, ...props }) => {
|
|
119
|
-
return React.createElement('span', {
|
|
120
|
-
style: {
|
|
121
|
-
display: 'inline-block',
|
|
122
|
-
padding: '4px 8px',
|
|
123
|
-
background: variant === 'filled' ? '#007bff' : '#f0f0f0',
|
|
124
|
-
color: variant === 'filled' ? 'white' : 'black',
|
|
125
|
-
borderRadius: '16px',
|
|
126
|
-
margin: '2px',
|
|
127
|
-
fontSize: size === 'small' ? '12px' : '14px'
|
|
128
|
-
},
|
|
129
|
-
...props
|
|
130
|
-
}, children, onDelete && React.createElement('button', {
|
|
131
|
-
onClick: onDelete,
|
|
132
|
-
style: { marginLeft: '8px', background: 'none', border: 'none', cursor: 'pointer' }
|
|
133
|
-
}, '×'));
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
const Switch = ({ checked, onChange, label, ...props }) => {
|
|
137
|
-
return React.createElement('label', { style: { display: 'flex', alignItems: 'center', margin: '4px' }, ...props },
|
|
138
|
-
React.createElement('input', {
|
|
139
|
-
type: 'checkbox',
|
|
140
|
-
checked: checked || false,
|
|
141
|
-
onChange: onChange || (() => {}),
|
|
142
|
-
style: { marginRight: '8px' }
|
|
143
|
-
}),
|
|
144
|
-
label && React.createElement('span', {}, label)
|
|
145
|
-
);
|
|
146
|
-
};
|
|
147
|
-
|
|
148
|
-
const ArrowPagination = ({ currentPage, totalPages, onPageChange, children, ...props }) => {
|
|
149
|
-
return React.createElement('div', { style: { display: 'flex', alignItems: 'center', margin: '4px' }, ...props }, children);
|
|
150
|
-
};
|
|
151
|
-
|
|
152
|
-
const Accordion = ({ title, children, defaultExpanded, disabled, ...props }) => {
|
|
153
|
-
const [expanded, setExpanded] = React.useState(defaultExpanded || false);
|
|
154
|
-
if (disabled) return null;
|
|
155
|
-
return React.createElement('div', { style: { border: '1px solid #ddd', borderRadius: '4px', margin: '4px' }, ...props },
|
|
156
|
-
React.createElement('div', {
|
|
157
|
-
onClick: () => setExpanded(!expanded),
|
|
158
|
-
style: { padding: '8px', cursor: 'pointer', background: '#f5f5f5', fontWeight: 'bold' }
|
|
159
|
-
}, title || 'Accordion'),
|
|
160
|
-
expanded && React.createElement('div', { style: { padding: '8px' } }, children)
|
|
161
|
-
);
|
|
162
|
-
};
|
|
163
|
-
|
|
164
|
-
// 컴포넌트 코드 정리
|
|
165
|
-
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 { Tab } from '@dealicious/design-system-react/src/components/ssm-tab';\nimport { Button } from '@dealicious/design-system-react/src/components/ssm-button';\nimport { Radio } from '@dealicious/design-system-react/src/components/ssm-radio';\nimport { Text } from '@dealicious/design-system-react/src/components/ssm-text';\nimport { LabeledText } from '@dealicious/design-system-react/src/components/ssm-labeled-text';\nimport { Badge } from '@dealicious/design-system-react/src/components/ssm-badge';\nimport { Chip } from '@dealicious/design-system-react/src/components/ssm-chip';\nimport { Icon } from '@dealicious/design-system-react/src/components/ssm-icon';\nimport { Tag } from '@dealicious/design-system-react/src/components/ssm-tag';\nimport { TextLink } from '@dealicious/design-system-react/src/components/ssm-text-link';\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 <Tab>\n <Button>\n <Radio>\n <Button size=\"large\">\n <Button size=\"large\">\n <Tab>\n <Button size=\"medium\">\n <Chip size=\"large\">\n <Chip size=\"small\">\n <Chip size=\"small\">\n <Chip size=\"small\">\n 주문상태\n </Chip>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Chip>\n <Chip size=\"small\">\n <Chip size=\"small\">\n 3개월\n </Chip>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Chip>\n </Chip>\n <Button size=\"small\">\n <Chip size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n </Chip>\n </Button>\n </Chip>\n </Button>\n <Button size=\"small\">\n <LabeledText>\n <Text>\n 거래완료 요청\n </Text>\n <Text>\n 3\n </Text>\n </LabeledText>\n </Button>\n </Tab>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Tag size=\"small\">\n <Button size=\"small\">\n <Tag size=\"small\">\n <Button size=\"small\">\n <Tag size=\"small\">\n <Text>\n 주문접수\n </Text>\n </Tag>\n <Tag size=\"small\">\n <Text>\n 사입사 방문\n </Text>\n </Tag>\n <Tag size=\"small\">\n <Text>\n 현장 결제\n </Text>\n </Tag>\n </Button>\n </Tag>\n </Button>\n </Tag>\n <Button size=\"medium\">\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Text>\n 신상플래닛\n </Text>\n </Button>\n <Text>\n 베스트 검정 니트\n </Text>\n </Button>\n <Button size=\"small\">\n <Text>\n ₩30,000\n </Text>\n <TextLink>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </TextLink>\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n 주문취소\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"large\">\n <Button size=\"large\">\n <Tag size=\"small\">\n <Button size=\"small\">\n <Tag size=\"small\">\n <Button size=\"small\">\n <Tag size=\"small\">\n <Text>\n 포장완료\n </Text>\n </Tag>\n <Tag size=\"small\">\n <Text>\n 직접 수령\n </Text>\n </Tag>\n <Tag size=\"small\">\n <Text>\n 현장 결제\n </Text>\n </Tag>\n </Button>\n </Tag>\n </Button>\n </Tag>\n <Button size=\"medium\">\n <Button size=\"medium\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Text>\n 신상랩\n </Text>\n <Button size=\"small\">\n </Button>\n </Button>\n <Text>\n 데일리 티셔츠 외 2건\n </Text>\n </Button>\n <Button size=\"small\">\n <Text>\n ₩56,000\n </Text>\n <TextLink>\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </Button>\n </Button>\n <Button size=\"small\">\n <Button size=\"small\">\n </Button>\n </Button>\n </TextLink>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Radio>\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"large\">\n <Button size=\"medium\">\n <LabeledText>\n <Text>\n 거래완료 요청\n </Text>\n <Text>\n 3\n </Text>\n </LabeledText>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n </Button>\n <Accordion>\n </Accordion>\n <Tab>\n </Tab>\n <Tab>\n </Tab>\n <Accordion>\n </Accordion>\n </Tab>\n </div>\n );\n};\n\nexport default SomaComponent;\n"
|
|
166
|
-
.replace(/import[^;]+;/g, '')
|
|
167
|
-
.replace(///[^\n]*/g, '')
|
|
168
|
-
.replace(/interface[^\{]*\{[^\}]*\}/g, '')
|
|
169
|
-
.replace(/React\.FC<[^>]*>/g, '')
|
|
170
|
-
.replace(/export default SomaComponent;/g, '')
|
|
171
|
-
.replace(new RegExp(`const SomaComponent:.*?=`, 'g'), `const SomaComponent = `)
|
|
172
|
-
// 문법 오류 수정: 잘못된 prop 형식 수정
|
|
173
|
-
.replace(/<Button\s+>([^<]+)\s+size="([^"]+)">/g, '<Button size="$2">$1</Button>')
|
|
174
|
-
.replace(/<Button\s+>([^<]+)\s+size="([^"]+)">/g, '<Button size="$2">$1</Button>')
|
|
175
|
-
// 빈 Button 태그 정리
|
|
176
|
-
.replace(/<Button\s*><\/Button>/g, '<Button></Button>')
|
|
177
|
-
.replace(/<Button\s+size="([^"]+)"\s*><\/Button>/g, '<Button size="$1"></Button>');
|
|
178
|
-
|
|
179
|
-
try {
|
|
180
|
-
const transformedCode = Babel.transform(cleanCode, { presets: ['react'] }).code;
|
|
181
|
-
eval(transformedCode);
|
|
182
|
-
const root = ReactDOM.createRoot(document.getElementById('root'));
|
|
183
|
-
root.render(React.createElement(SomaComponent, {}));
|
|
184
|
-
} catch (error) {
|
|
185
|
-
console.error('렌더링 오류:', error);
|
|
186
|
-
const errorDiv = document.getElementById('root');
|
|
187
|
-
errorDiv.innerHTML = '<div class="error"><strong>렌더링 오류:</strong><br>' +
|
|
188
|
-
error.message + '<br><br><strong>스택:</strong><br>' +
|
|
189
|
-
(error.stack || '스택 정보 없음') + '</div>';
|
|
190
|
-
}
|
|
191
|
-
</script>
|
|
192
|
-
</body>
|
|
193
|
-
</html>
|
|
@@ -1,256 +0,0 @@
|
|
|
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 { Tab } from '@dealicious/design-system-react/src/components/ssm-tab';
|
|
11
|
-
import { Button } from '@dealicious/design-system-react/src/components/ssm-button';
|
|
12
|
-
import { Radio } from '@dealicious/design-system-react/src/components/ssm-radio';
|
|
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 { Badge } from '@dealicious/design-system-react/src/components/ssm-badge';
|
|
16
|
-
import { Chip } from '@dealicious/design-system-react/src/components/ssm-chip';
|
|
17
|
-
import { Icon } from '@dealicious/design-system-react/src/components/ssm-icon';
|
|
18
|
-
import { Tag } from '@dealicious/design-system-react/src/components/ssm-tag';
|
|
19
|
-
import { TextLink } from '@dealicious/design-system-react/src/components/ssm-text-link';
|
|
20
|
-
import { Accordion } from '@dealicious/design-system-react/src/components/ssm-accordion';
|
|
21
|
-
|
|
22
|
-
import React from 'react';
|
|
23
|
-
|
|
24
|
-
interface SomaComponentProps {
|
|
25
|
-
// Add your props here
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
const SomaComponent: React.FC<SomaComponentProps> = (props) => {
|
|
29
|
-
return (
|
|
30
|
-
<div className="document-0:0">
|
|
31
|
-
<Tab>
|
|
32
|
-
<Button>
|
|
33
|
-
<Radio>
|
|
34
|
-
<Button size="large">
|
|
35
|
-
<Button size="large">
|
|
36
|
-
<Tab>
|
|
37
|
-
<Button size="medium">
|
|
38
|
-
<Chip size="large">
|
|
39
|
-
<Chip size="small">
|
|
40
|
-
<Chip size="small">
|
|
41
|
-
<Chip size="small">
|
|
42
|
-
주문상태
|
|
43
|
-
</Chip>
|
|
44
|
-
<Button size="small">
|
|
45
|
-
<Button size="small">
|
|
46
|
-
</Button>
|
|
47
|
-
</Button>
|
|
48
|
-
</Chip>
|
|
49
|
-
<Chip size="small">
|
|
50
|
-
<Chip size="small">
|
|
51
|
-
3개월
|
|
52
|
-
</Chip>
|
|
53
|
-
<Button size="small">
|
|
54
|
-
<Button size="small">
|
|
55
|
-
</Button>
|
|
56
|
-
</Button>
|
|
57
|
-
</Chip>
|
|
58
|
-
</Chip>
|
|
59
|
-
<Button size="small">
|
|
60
|
-
<Chip size="small">
|
|
61
|
-
<Button size="small">
|
|
62
|
-
<Button size="small">
|
|
63
|
-
<Button size="small">
|
|
64
|
-
<Button size="small">
|
|
65
|
-
</Button>
|
|
66
|
-
<Button size="small">
|
|
67
|
-
</Button>
|
|
68
|
-
</Button>
|
|
69
|
-
</Button>
|
|
70
|
-
</Button>
|
|
71
|
-
</Chip>
|
|
72
|
-
</Button>
|
|
73
|
-
</Chip>
|
|
74
|
-
</Button>
|
|
75
|
-
<Button size="small">
|
|
76
|
-
<LabeledText>
|
|
77
|
-
<Text>
|
|
78
|
-
거래완료 요청
|
|
79
|
-
</Text>
|
|
80
|
-
<Text>
|
|
81
|
-
3
|
|
82
|
-
</Text>
|
|
83
|
-
</LabeledText>
|
|
84
|
-
</Button>
|
|
85
|
-
</Tab>
|
|
86
|
-
<Button size="large">
|
|
87
|
-
<Button size="large">
|
|
88
|
-
<Button size="large">
|
|
89
|
-
<Button size="large">
|
|
90
|
-
<Tag size="small">
|
|
91
|
-
<Button size="small">
|
|
92
|
-
<Tag size="small">
|
|
93
|
-
<Button size="small">
|
|
94
|
-
<Tag size="small">
|
|
95
|
-
<Text>
|
|
96
|
-
주문접수
|
|
97
|
-
</Text>
|
|
98
|
-
</Tag>
|
|
99
|
-
<Tag size="small">
|
|
100
|
-
<Text>
|
|
101
|
-
사입사 방문
|
|
102
|
-
</Text>
|
|
103
|
-
</Tag>
|
|
104
|
-
<Tag size="small">
|
|
105
|
-
<Text>
|
|
106
|
-
현장 결제
|
|
107
|
-
</Text>
|
|
108
|
-
</Tag>
|
|
109
|
-
</Button>
|
|
110
|
-
</Tag>
|
|
111
|
-
</Button>
|
|
112
|
-
</Tag>
|
|
113
|
-
<Button size="medium">
|
|
114
|
-
<Button size="medium">
|
|
115
|
-
<Button size="small">
|
|
116
|
-
<Button size="small">
|
|
117
|
-
<Text>
|
|
118
|
-
신상플래닛
|
|
119
|
-
</Text>
|
|
120
|
-
</Button>
|
|
121
|
-
<Text>
|
|
122
|
-
베스트 검정 니트
|
|
123
|
-
</Text>
|
|
124
|
-
</Button>
|
|
125
|
-
<Button size="small">
|
|
126
|
-
<Text>
|
|
127
|
-
₩30,000
|
|
128
|
-
</Text>
|
|
129
|
-
<TextLink>
|
|
130
|
-
<Button size="small">
|
|
131
|
-
<Button size="small">
|
|
132
|
-
<Button size="small">
|
|
133
|
-
<Button size="small">
|
|
134
|
-
</Button>
|
|
135
|
-
</Button>
|
|
136
|
-
</Button>
|
|
137
|
-
</Button>
|
|
138
|
-
<Button size="small">
|
|
139
|
-
<Button size="small">
|
|
140
|
-
</Button>
|
|
141
|
-
</Button>
|
|
142
|
-
</TextLink>
|
|
143
|
-
</Button>
|
|
144
|
-
</Button>
|
|
145
|
-
</Button>
|
|
146
|
-
</Button>
|
|
147
|
-
<Button size="small">
|
|
148
|
-
<Button size="small">
|
|
149
|
-
주문취소
|
|
150
|
-
</Button>
|
|
151
|
-
</Button>
|
|
152
|
-
</Button>
|
|
153
|
-
</Button>
|
|
154
|
-
<Button size="large">
|
|
155
|
-
<Button size="large">
|
|
156
|
-
<Tag size="small">
|
|
157
|
-
<Button size="small">
|
|
158
|
-
<Tag size="small">
|
|
159
|
-
<Button size="small">
|
|
160
|
-
<Tag size="small">
|
|
161
|
-
<Text>
|
|
162
|
-
포장완료
|
|
163
|
-
</Text>
|
|
164
|
-
</Tag>
|
|
165
|
-
<Tag size="small">
|
|
166
|
-
<Text>
|
|
167
|
-
직접 수령
|
|
168
|
-
</Text>
|
|
169
|
-
</Tag>
|
|
170
|
-
<Tag size="small">
|
|
171
|
-
<Text>
|
|
172
|
-
현장 결제
|
|
173
|
-
</Text>
|
|
174
|
-
</Tag>
|
|
175
|
-
</Button>
|
|
176
|
-
</Tag>
|
|
177
|
-
</Button>
|
|
178
|
-
</Tag>
|
|
179
|
-
<Button size="medium">
|
|
180
|
-
<Button size="medium">
|
|
181
|
-
<Button size="small">
|
|
182
|
-
<Button size="small">
|
|
183
|
-
<Text>
|
|
184
|
-
신상랩
|
|
185
|
-
</Text>
|
|
186
|
-
<Button size="small">
|
|
187
|
-
</Button>
|
|
188
|
-
</Button>
|
|
189
|
-
<Text>
|
|
190
|
-
데일리 티셔츠 외 2건
|
|
191
|
-
</Text>
|
|
192
|
-
</Button>
|
|
193
|
-
<Button size="small">
|
|
194
|
-
<Text>
|
|
195
|
-
₩56,000
|
|
196
|
-
</Text>
|
|
197
|
-
<TextLink>
|
|
198
|
-
<Button size="small">
|
|
199
|
-
<Button size="small">
|
|
200
|
-
<Button size="small">
|
|
201
|
-
<Button size="small">
|
|
202
|
-
</Button>
|
|
203
|
-
</Button>
|
|
204
|
-
</Button>
|
|
205
|
-
</Button>
|
|
206
|
-
<Button size="small">
|
|
207
|
-
<Button size="small">
|
|
208
|
-
</Button>
|
|
209
|
-
</Button>
|
|
210
|
-
</TextLink>
|
|
211
|
-
</Button>
|
|
212
|
-
</Button>
|
|
213
|
-
</Button>
|
|
214
|
-
</Button>
|
|
215
|
-
</Button>
|
|
216
|
-
</Button>
|
|
217
|
-
</Button>
|
|
218
|
-
</Button>
|
|
219
|
-
</Radio>
|
|
220
|
-
<Button size="large">
|
|
221
|
-
<Button size="large">
|
|
222
|
-
<Button size="large">
|
|
223
|
-
<Button size="large">
|
|
224
|
-
<Button size="large">
|
|
225
|
-
<Button size="large">
|
|
226
|
-
<Button size="medium">
|
|
227
|
-
<LabeledText>
|
|
228
|
-
<Text>
|
|
229
|
-
거래완료 요청
|
|
230
|
-
</Text>
|
|
231
|
-
<Text>
|
|
232
|
-
3
|
|
233
|
-
</Text>
|
|
234
|
-
</LabeledText>
|
|
235
|
-
</Button>
|
|
236
|
-
</Button>
|
|
237
|
-
</Button>
|
|
238
|
-
</Button>
|
|
239
|
-
</Button>
|
|
240
|
-
</Button>
|
|
241
|
-
</Button>
|
|
242
|
-
</Button>
|
|
243
|
-
<Accordion>
|
|
244
|
-
</Accordion>
|
|
245
|
-
<Tab>
|
|
246
|
-
</Tab>
|
|
247
|
-
<Tab>
|
|
248
|
-
</Tab>
|
|
249
|
-
<Accordion>
|
|
250
|
-
</Accordion>
|
|
251
|
-
</Tab>
|
|
252
|
-
</div>
|
|
253
|
-
);
|
|
254
|
-
};
|
|
255
|
-
|
|
256
|
-
export default SomaComponent;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"requestId": "1762935378891-ckwbabn",
|
|
3
|
-
"createdAt": "2025-11-12T08:16:18.908Z",
|
|
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=45733-99056&m=dev",
|
|
8
|
-
"nodeId": "45733-99056"
|
|
9
|
-
}
|