@wishket/design-system 3.7.0 → 3.8.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.
Files changed (31) hide show
  1. package/dist/ai/components/AutoCompleteList.md +1 -0
  2. package/dist/ai/components/Autocomplete.md +1 -0
  3. package/dist/ai/components/Calendar.md +24 -17
  4. package/dist/ai/components/Checkbox.md +28 -18
  5. package/dist/ai/components/CheckboxCard.md +18 -16
  6. package/dist/ai/components/CheckboxList.md +25 -17
  7. package/dist/ai/components/ChoiceChip.md +1 -0
  8. package/dist/ai/components/CommentArea.md +1 -0
  9. package/dist/ai/components/FileUploader.md +1 -0
  10. package/dist/ai/components/FilterChip.md +1 -0
  11. package/dist/ai/components/FilterList.md +1 -0
  12. package/dist/ai/components/IconButton.md +23 -15
  13. package/dist/ai/components/IconButtonDropdown.md +103 -0
  14. package/dist/ai/components/InputChip.md +1 -0
  15. package/dist/ai/components/List.md +1 -0
  16. package/dist/ai/components/MultiColumnList.md +1 -0
  17. package/dist/ai/components/Radio.md +140 -0
  18. package/dist/ai/components/RadioCard.md +134 -0
  19. package/dist/ai/components/RadioList.md +150 -0
  20. package/dist/ai/components/RangeSlider.md +139 -0
  21. package/dist/ai/components/SearchField.md +1 -0
  22. package/dist/ai/components/SegmentedControl.md +131 -0
  23. package/dist/ai/components/Switch.md +114 -0
  24. package/dist/ai/components/TextButton.md +35 -23
  25. package/dist/ai/components/TextButtonDropdown.md +101 -0
  26. package/dist/ai/components/TextField.md +1 -0
  27. package/dist/ai/components/TextFieldDropdown.md +123 -0
  28. package/dist/ai/components/index.json +185 -26
  29. package/dist/ai/tokens.json +1 -1
  30. package/dist/config/tailwind.config.js +15 -15
  31. package/package.json +1 -1
@@ -7,7 +7,10 @@
7
7
  "version": "0.0.2",
8
8
  "status": "draft",
9
9
  "path": "components/AutoCompleteList.md",
10
- "source": "docs/component/Input/List/AutoCompleteList.md"
10
+ "source": "docs/component/Input/List/AutoCompleteList.md",
11
+ "figma": {
12
+ "componentKey": "f615db8253c2f82114909bd38fee05996ebb4ce2"
13
+ }
11
14
  },
12
15
  {
13
16
  "id": "INPUT-02",
@@ -15,7 +18,10 @@
15
18
  "version": "0.0.1",
16
19
  "status": "draft",
17
20
  "path": "components/FilterList.md",
18
- "source": "docs/component/Input/List/FilterList.md"
21
+ "source": "docs/component/Input/List/FilterList.md",
22
+ "figma": {
23
+ "componentKey": "596c307f009c0867d19ba510bdaac5112443b351"
24
+ }
19
25
  },
20
26
  {
21
27
  "id": "INPUT-03",
@@ -23,7 +29,10 @@
23
29
  "version": "0.0.2",
24
30
  "status": "draft",
25
31
  "path": "components/List.md",
26
- "source": "docs/component/Input/List/List.md"
32
+ "source": "docs/component/Input/List/List.md",
33
+ "figma": {
34
+ "componentKey": "21008b60db4c57dfd5bee66b980d9725d9c327c8"
35
+ }
27
36
  },
28
37
  {
29
38
  "id": "INPUT-04",
@@ -31,7 +40,10 @@
31
40
  "version": "0.0.1",
32
41
  "status": "draft",
33
42
  "path": "components/MultiColumnList.md",
34
- "source": "docs/component/Input/List/MultiColumnList.md"
43
+ "source": "docs/component/Input/List/MultiColumnList.md",
44
+ "figma": {
45
+ "componentKey": "ebdad70e98b3c5eb59ef1d5eb4dae510872e280f"
46
+ }
35
47
  },
36
48
  {
37
49
  "id": "INPUT-05",
@@ -39,7 +51,10 @@
39
51
  "version": "0.0.2",
40
52
  "status": "draft",
41
53
  "path": "components/Autocomplete.md",
42
- "source": "docs/component/Input/Autocomplete.md"
54
+ "source": "docs/component/Input/Autocomplete.md",
55
+ "figma": {
56
+ "componentKey": "cc8a860892fe8b1ffa2b5ce5500136657e9205f8"
57
+ }
43
58
  },
44
59
  {
45
60
  "id": "INPUT-06",
@@ -47,55 +62,76 @@
47
62
  "version": "0.0.3",
48
63
  "status": "draft",
49
64
  "path": "components/Button.md",
50
- "source": "docs/component/Input/Button/Button.md"
65
+ "source": "docs/component/Input/Button/Button.md",
66
+ "figma": {
67
+ "componentKey": null
68
+ }
51
69
  },
52
70
  {
53
71
  "id": "INPUT-07",
54
72
  "component": "IconButton",
55
- "version": "0.0.3",
73
+ "version": "0.0.4",
56
74
  "status": "draft",
57
75
  "path": "components/IconButton.md",
58
- "source": "docs/component/Input/Button/IconButton.md"
76
+ "source": "docs/component/Input/Button/IconButton.md",
77
+ "figma": {
78
+ "componentKey": "1c474f68b330cd24b07deeb4db5ecd0727cfa1c3"
79
+ }
59
80
  },
60
81
  {
61
82
  "id": "INPUT-08",
62
83
  "component": "TextButton",
63
- "version": "0.0.1",
84
+ "version": "0.0.2",
64
85
  "status": "draft",
65
86
  "path": "components/TextButton.md",
66
- "source": "docs/component/Input/Button/TextButton.md"
87
+ "source": "docs/component/Input/Button/TextButton.md",
88
+ "figma": {
89
+ "componentKey": "3eee8fa20aa4f3bb067ce717749cf42223042f16"
90
+ }
67
91
  },
68
92
  {
69
93
  "id": "INPUT-09",
70
94
  "component": "Calendar",
71
- "version": "0.0.2",
95
+ "version": "0.0.3",
72
96
  "status": "draft",
73
97
  "path": "components/Calendar.md",
74
- "source": "docs/component/Input/Calendar.md"
98
+ "source": "docs/component/Input/Calendar.md",
99
+ "figma": {
100
+ "componentKey": "edb2350acdd51938f97839bdf7a168262c2c949d"
101
+ }
75
102
  },
76
103
  {
77
104
  "id": "INPUT-10",
78
105
  "component": "CheckboxList",
79
- "version": "0.0.2",
106
+ "version": "0.0.3",
80
107
  "status": "draft",
81
108
  "path": "components/CheckboxList.md",
82
- "source": "docs/component/Input/Checkbox/CheckboxList.md"
109
+ "source": "docs/component/Input/Checkbox/CheckboxList.md",
110
+ "figma": {
111
+ "componentKey": "3758852dd6de0bcb75c13107ef3b693c454ea15f"
112
+ }
83
113
  },
84
114
  {
85
115
  "id": "INPUT-11",
86
116
  "component": "Checkbox",
87
- "version": "0.0.3",
117
+ "version": "0.0.4",
88
118
  "status": "draft",
89
119
  "path": "components/Checkbox.md",
90
- "source": "docs/component/Input/Checkbox/Checkbox.md"
120
+ "source": "docs/component/Input/Checkbox/Checkbox.md",
121
+ "figma": {
122
+ "componentKey": "1fd62bfde1a415fe3d026e0980f1986a5e8216f5"
123
+ }
91
124
  },
92
125
  {
93
126
  "id": "INPUT-12",
94
127
  "component": "CheckboxCard",
95
- "version": "0.0.3",
128
+ "version": "0.0.4",
96
129
  "status": "draft",
97
130
  "path": "components/CheckboxCard.md",
98
- "source": "docs/component/Input/Checkbox/CheckboxCard.md"
131
+ "source": "docs/component/Input/Checkbox/CheckboxCard.md",
132
+ "figma": {
133
+ "componentKey": "f2b81355906ad8da0dd818bd7b9ba32849e07be2"
134
+ }
99
135
  },
100
136
  {
101
137
  "id": "INPUT-13",
@@ -103,7 +139,10 @@
103
139
  "version": "0.0.3",
104
140
  "status": "draft",
105
141
  "path": "components/ChoiceChip.md",
106
- "source": "docs/component/Input/Chip/ChoiceChip.md"
142
+ "source": "docs/component/Input/Chip/ChoiceChip.md",
143
+ "figma": {
144
+ "componentKey": "31cf0b6e984fbb09b57fa7d7b327ba99de89cd77"
145
+ }
107
146
  },
108
147
  {
109
148
  "id": "INPUT-14",
@@ -111,7 +150,10 @@
111
150
  "version": "0.0.3",
112
151
  "status": "draft",
113
152
  "path": "components/FilterChip.md",
114
- "source": "docs/component/Input/Chip/FilterChip.md"
153
+ "source": "docs/component/Input/Chip/FilterChip.md",
154
+ "figma": {
155
+ "componentKey": "e8312181be77ff4c3558346242ade83baa4bb13f"
156
+ }
115
157
  },
116
158
  {
117
159
  "id": "INPUT-15",
@@ -119,7 +161,10 @@
119
161
  "version": "0.0.3",
120
162
  "status": "draft",
121
163
  "path": "components/InputChip.md",
122
- "source": "docs/component/Input/Chip/InputChip.md"
164
+ "source": "docs/component/Input/Chip/InputChip.md",
165
+ "figma": {
166
+ "componentKey": "1c485e69144656d4ceb5c6f57615e36baf07a341"
167
+ }
123
168
  },
124
169
  {
125
170
  "id": "INPUT-16",
@@ -127,7 +172,10 @@
127
172
  "version": "0.0.3",
128
173
  "status": "draft",
129
174
  "path": "components/CommentArea.md",
130
- "source": "docs/component/Input/TextField/CommentArea.md"
175
+ "source": "docs/component/Input/TextField/CommentArea.md",
176
+ "figma": {
177
+ "componentKey": "79d88e639c6b9fe0bc41cd01b56f7fc733fea6be"
178
+ }
131
179
  },
132
180
  {
133
181
  "id": "INPUT-17",
@@ -135,7 +183,10 @@
135
183
  "version": "0.0.3",
136
184
  "status": "draft",
137
185
  "path": "components/SearchField.md",
138
- "source": "docs/component/Input/TextField/SearchField.md"
186
+ "source": "docs/component/Input/TextField/SearchField.md",
187
+ "figma": {
188
+ "componentKey": "891b93a624445312daea6efc719271f1073972f7"
189
+ }
139
190
  },
140
191
  {
141
192
  "id": "INPUT-18",
@@ -143,7 +194,10 @@
143
194
  "version": "0.0.3",
144
195
  "status": "draft",
145
196
  "path": "components/TextField.md",
146
- "source": "docs/component/Input/TextField/TextField.md"
197
+ "source": "docs/component/Input/TextField/TextField.md",
198
+ "figma": {
199
+ "componentKey": "b7abe3753ce5d9aa134c43fe28cd3c769b6f92b4"
200
+ }
147
201
  },
148
202
  {
149
203
  "id": "INPUT-19",
@@ -151,7 +205,10 @@
151
205
  "version": "0.0.3",
152
206
  "status": "draft",
153
207
  "path": "components/Textarea.md",
154
- "source": "docs/component/Input/TextField/Textarea.md"
208
+ "source": "docs/component/Input/TextField/Textarea.md",
209
+ "figma": {
210
+ "componentKey": null
211
+ }
155
212
  },
156
213
  {
157
214
  "id": "INPUT-20",
@@ -159,7 +216,109 @@
159
216
  "version": "0.0.3",
160
217
  "status": "draft",
161
218
  "path": "components/FileUploader.md",
162
- "source": "docs/component/Input/FileUploader.md"
219
+ "source": "docs/component/Input/FileUploader.md",
220
+ "figma": {
221
+ "componentKey": "433959299672117a6fc60ea7df59e16188de575b"
222
+ }
223
+ },
224
+ {
225
+ "id": "INPUT-21",
226
+ "component": "IconButtonDropdown",
227
+ "version": "0.0.2",
228
+ "status": "draft",
229
+ "path": "components/IconButtonDropdown.md",
230
+ "source": "docs/component/Input/Dropdown/IconButtonDropdown.md",
231
+ "figma": {
232
+ "componentKey": null
233
+ }
234
+ },
235
+ {
236
+ "id": "INPUT-22",
237
+ "component": "TextFieldDropdown",
238
+ "version": "0.0.2",
239
+ "status": "draft",
240
+ "path": "components/TextFieldDropdown.md",
241
+ "source": "docs/component/Input/Dropdown/TextFieldDropdown.md",
242
+ "figma": {
243
+ "componentKey": null
244
+ }
245
+ },
246
+ {
247
+ "id": "INPUT-23",
248
+ "component": "TextButtonDropdown",
249
+ "version": "0.0.2",
250
+ "status": "draft",
251
+ "path": "components/TextButtonDropdown.md",
252
+ "source": "docs/component/Input/Dropdown/TextButtonDropdown.md",
253
+ "figma": {
254
+ "componentKey": null
255
+ }
256
+ },
257
+ {
258
+ "id": "INPUT-24",
259
+ "component": "Radio",
260
+ "version": "0.0.1",
261
+ "status": "draft",
262
+ "path": "components/Radio.md",
263
+ "source": "docs/component/Input/Radio/Radio.md",
264
+ "figma": {
265
+ "componentKey": null
266
+ }
267
+ },
268
+ {
269
+ "id": "INPUT-25",
270
+ "component": "RadioCard",
271
+ "version": "0.0.1",
272
+ "status": "draft",
273
+ "path": "components/RadioCard.md",
274
+ "source": "docs/component/Input/Radio/RadioCard.md",
275
+ "figma": {
276
+ "componentKey": null
277
+ }
278
+ },
279
+ {
280
+ "id": "INPUT-26",
281
+ "component": "RadioList",
282
+ "version": "0.0.2",
283
+ "status": "draft",
284
+ "path": "components/RadioList.md",
285
+ "source": "docs/component/Input/Radio/RadioList.md",
286
+ "figma": {
287
+ "componentKey": null
288
+ }
289
+ },
290
+ {
291
+ "id": "INPUT-27",
292
+ "component": "RangeSlider",
293
+ "version": "0.0.1",
294
+ "status": "draft",
295
+ "path": "components/RangeSlider.md",
296
+ "source": "docs/component/Input/RangeSlider.md",
297
+ "figma": {
298
+ "componentKey": null
299
+ }
300
+ },
301
+ {
302
+ "id": "INPUT-28",
303
+ "component": "SegmentedControl",
304
+ "version": "0.0.2",
305
+ "status": "draft",
306
+ "path": "components/SegmentedControl.md",
307
+ "source": "docs/component/Input/SegmentedControl.md",
308
+ "figma": {
309
+ "componentKey": null
310
+ }
311
+ },
312
+ {
313
+ "id": "INPUT-29",
314
+ "component": "Switch",
315
+ "version": "0.0.2",
316
+ "status": "draft",
317
+ "path": "components/Switch.md",
318
+ "source": "docs/component/Input/Switch.md",
319
+ "figma": {
320
+ "componentKey": null
321
+ }
163
322
  }
164
323
  ]
165
324
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "$comment": "빌드 산출물이다. 손으로 고치지 않는다 — scripts/generate-ai-tokens.mjs 가 만든다.",
3
- "version": "3.7.0",
3
+ "version": "3.8.0",
4
4
  "generatedFrom": [
5
5
  "dist/constants/colors/colors.js",
6
6
  "tailwind.config.js",
@@ -61,21 +61,21 @@ const config = {
61
61
  'gradient-secondary-0': `linear-gradient(180deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
62
62
  'gradient-secondary-90': `linear-gradient(90deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
63
63
  'gradient-secondary-45': `linear-gradient(135deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
64
- 'gradient-cyan-0': `linear-gradient(0deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
65
- 'gradient-violet-0': `linear-gradient(0deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
66
- 'gradient-indigo-0': `linear-gradient(0deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
67
- 'gradient-cyan-30': `linear-gradient(30deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
68
- 'gradient-violet-30': `linear-gradient(30deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
69
- 'gradient-indigo-30': `linear-gradient(30deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
70
- 'gradient-cyan-45': `linear-gradient(135deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
71
- 'gradient-violet-45': `linear-gradient(135deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
72
- 'gradient-indigo-45': `linear-gradient(135deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
73
- 'gradient-cyan-60': `linear-gradient(60deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
74
- 'gradient-violet-60': `linear-gradient(60deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
75
- 'gradient-indigo-60': `linear-gradient(60deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
76
- 'gradient-cyan-90': `linear-gradient(90deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
77
- 'gradient-violet-90': `linear-gradient(90deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
78
- 'gradient-indigo-90': `linear-gradient(90deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
64
+ 'gradient-cyan-0': `linear-gradient(0deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
65
+ 'gradient-violet-0': `linear-gradient(0deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
66
+ 'gradient-indigo-0': `linear-gradient(0deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
67
+ 'gradient-cyan-30': `linear-gradient(30deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
68
+ 'gradient-violet-30': `linear-gradient(30deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
69
+ 'gradient-indigo-30': `linear-gradient(30deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
70
+ 'gradient-cyan-45': `linear-gradient(135deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
71
+ 'gradient-violet-45': `linear-gradient(135deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
72
+ 'gradient-indigo-45': `linear-gradient(135deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
73
+ 'gradient-cyan-60': `linear-gradient(60deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
74
+ 'gradient-violet-60': `linear-gradient(60deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
75
+ 'gradient-indigo-60': `linear-gradient(60deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
76
+ 'gradient-cyan-90': `linear-gradient(90deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
77
+ 'gradient-violet-90': `linear-gradient(90deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
78
+ 'gradient-indigo-90': `linear-gradient(90deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
79
79
  }),
80
80
  gridTemplateAreas: {
81
81
  'default-mobile': ['content content content content'],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "3.7.0",
3
+ "version": "3.8.0",
4
4
  "type": "module",
5
5
  "description": "Wishket Design System",
6
6
  "main": "dist/index.js",