@wishket/design-system 3.6.0 → 3.8.0

package/dist/ai/components/index.json

@@ -0,0 +1,324 @@
+{
+  "$comment": "빌드 산출물이다. 손으로 고치지 않는다 — scripts/generate-ai-components.mjs 가 docs/component/ 에서 만든다.",
+  "components": [
+    {
+      "id": "INPUT-01",
+      "component": "AutoCompleteList",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/AutoCompleteList.md",
+      "source": "docs/component/Input/List/AutoCompleteList.md",
+      "figma": {
+        "componentKey": "f615db8253c2f82114909bd38fee05996ebb4ce2"
+      }
+    },
+    {
+      "id": "INPUT-02",
+      "component": "FilterList",
+      "version": "0.0.1",
+      "status": "draft",
+      "path": "components/FilterList.md",
+      "source": "docs/component/Input/List/FilterList.md",
+      "figma": {
+        "componentKey": "596c307f009c0867d19ba510bdaac5112443b351"
+      }
+    },
+    {
+      "id": "INPUT-03",
+      "component": "List",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/List.md",
+      "source": "docs/component/Input/List/List.md",
+      "figma": {
+        "componentKey": "21008b60db4c57dfd5bee66b980d9725d9c327c8"
+      }
+    },
+    {
+      "id": "INPUT-04",
+      "component": "MultiColumnList",
+      "version": "0.0.1",
+      "status": "draft",
+      "path": "components/MultiColumnList.md",
+      "source": "docs/component/Input/List/MultiColumnList.md",
+      "figma": {
+        "componentKey": "ebdad70e98b3c5eb59ef1d5eb4dae510872e280f"
+      }
+    },
+    {
+      "id": "INPUT-05",
+      "component": "Autocomplete",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/Autocomplete.md",
+      "source": "docs/component/Input/Autocomplete.md",
+      "figma": {
+        "componentKey": "cc8a860892fe8b1ffa2b5ce5500136657e9205f8"
+      }
+    },
+    {
+      "id": "INPUT-06",
+      "component": "Button",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/Button.md",
+      "source": "docs/component/Input/Button/Button.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-07",
+      "component": "IconButton",
+      "version": "0.0.4",
+      "status": "draft",
+      "path": "components/IconButton.md",
+      "source": "docs/component/Input/Button/IconButton.md",
+      "figma": {
+        "componentKey": "1c474f68b330cd24b07deeb4db5ecd0727cfa1c3"
+      }
+    },
+    {
+      "id": "INPUT-08",
+      "component": "TextButton",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/TextButton.md",
+      "source": "docs/component/Input/Button/TextButton.md",
+      "figma": {
+        "componentKey": "3eee8fa20aa4f3bb067ce717749cf42223042f16"
+      }
+    },
+    {
+      "id": "INPUT-09",
+      "component": "Calendar",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/Calendar.md",
+      "source": "docs/component/Input/Calendar.md",
+      "figma": {
+        "componentKey": "edb2350acdd51938f97839bdf7a168262c2c949d"
+      }
+    },
+    {
+      "id": "INPUT-10",
+      "component": "CheckboxList",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/CheckboxList.md",
+      "source": "docs/component/Input/Checkbox/CheckboxList.md",
+      "figma": {
+        "componentKey": "3758852dd6de0bcb75c13107ef3b693c454ea15f"
+      }
+    },
+    {
+      "id": "INPUT-11",
+      "component": "Checkbox",
+      "version": "0.0.4",
+      "status": "draft",
+      "path": "components/Checkbox.md",
+      "source": "docs/component/Input/Checkbox/Checkbox.md",
+      "figma": {
+        "componentKey": "1fd62bfde1a415fe3d026e0980f1986a5e8216f5"
+      }
+    },
+    {
+      "id": "INPUT-12",
+      "component": "CheckboxCard",
+      "version": "0.0.4",
+      "status": "draft",
+      "path": "components/CheckboxCard.md",
+      "source": "docs/component/Input/Checkbox/CheckboxCard.md",
+      "figma": {
+        "componentKey": "f2b81355906ad8da0dd818bd7b9ba32849e07be2"
+      }
+    },
+    {
+      "id": "INPUT-13",
+      "component": "ChoiceChip",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/ChoiceChip.md",
+      "source": "docs/component/Input/Chip/ChoiceChip.md",
+      "figma": {
+        "componentKey": "31cf0b6e984fbb09b57fa7d7b327ba99de89cd77"
+      }
+    },
+    {
+      "id": "INPUT-14",
+      "component": "FilterChip",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/FilterChip.md",
+      "source": "docs/component/Input/Chip/FilterChip.md",
+      "figma": {
+        "componentKey": "e8312181be77ff4c3558346242ade83baa4bb13f"
+      }
+    },
+    {
+      "id": "INPUT-15",
+      "component": "InputChip",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/InputChip.md",
+      "source": "docs/component/Input/Chip/InputChip.md",
+      "figma": {
+        "componentKey": "1c485e69144656d4ceb5c6f57615e36baf07a341"
+      }
+    },
+    {
+      "id": "INPUT-16",
+      "component": "CommentArea",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/CommentArea.md",
+      "source": "docs/component/Input/TextField/CommentArea.md",
+      "figma": {
+        "componentKey": "79d88e639c6b9fe0bc41cd01b56f7fc733fea6be"
+      }
+    },
+    {
+      "id": "INPUT-17",
+      "component": "SearchField",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/SearchField.md",
+      "source": "docs/component/Input/TextField/SearchField.md",
+      "figma": {
+        "componentKey": "891b93a624445312daea6efc719271f1073972f7"
+      }
+    },
+    {
+      "id": "INPUT-18",
+      "component": "TextField",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/TextField.md",
+      "source": "docs/component/Input/TextField/TextField.md",
+      "figma": {
+        "componentKey": "b7abe3753ce5d9aa134c43fe28cd3c769b6f92b4"
+      }
+    },
+    {
+      "id": "INPUT-19",
+      "component": "Textarea",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/Textarea.md",
+      "source": "docs/component/Input/TextField/Textarea.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-20",
+      "component": "FileUploader",
+      "version": "0.0.3",
+      "status": "draft",
+      "path": "components/FileUploader.md",
+      "source": "docs/component/Input/FileUploader.md",
+      "figma": {
+        "componentKey": "433959299672117a6fc60ea7df59e16188de575b"
+      }
+    },
+    {
+      "id": "INPUT-21",
+      "component": "IconButtonDropdown",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/IconButtonDropdown.md",
+      "source": "docs/component/Input/Dropdown/IconButtonDropdown.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-22",
+      "component": "TextFieldDropdown",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/TextFieldDropdown.md",
+      "source": "docs/component/Input/Dropdown/TextFieldDropdown.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-23",
+      "component": "TextButtonDropdown",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/TextButtonDropdown.md",
+      "source": "docs/component/Input/Dropdown/TextButtonDropdown.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-24",
+      "component": "Radio",
+      "version": "0.0.1",
+      "status": "draft",
+      "path": "components/Radio.md",
+      "source": "docs/component/Input/Radio/Radio.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-25",
+      "component": "RadioCard",
+      "version": "0.0.1",
+      "status": "draft",
+      "path": "components/RadioCard.md",
+      "source": "docs/component/Input/Radio/RadioCard.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-26",
+      "component": "RadioList",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/RadioList.md",
+      "source": "docs/component/Input/Radio/RadioList.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-27",
+      "component": "RangeSlider",
+      "version": "0.0.1",
+      "status": "draft",
+      "path": "components/RangeSlider.md",
+      "source": "docs/component/Input/RangeSlider.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-28",
+      "component": "SegmentedControl",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/SegmentedControl.md",
+      "source": "docs/component/Input/SegmentedControl.md",
+      "figma": {
+        "componentKey": null
+      }
+    },
+    {
+      "id": "INPUT-29",
+      "component": "Switch",
+      "version": "0.0.2",
+      "status": "draft",
+      "path": "components/Switch.md",
+      "source": "docs/component/Input/Switch.md",
+      "figma": {
+        "componentKey": null
+      }
+    }
+  ]
+}

package/dist/ai/tokens.json

@@ -1,6 +1,6 @@
 {
   "$comment": "빌드 산출물이다. 손으로 고치지 않는다 — scripts/generate-ai-tokens.mjs 가 만든다.",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "generatedFrom": [
     "dist/constants/colors/colors.js",
     "tailwind.config.js",

package/dist/config/tailwind.config.js

@@ -61,21 +61,21 @@ const config = {
         'gradient-secondary-0': `linear-gradient(180deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
         'gradient-secondary-90': `linear-gradient(90deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
         'gradient-secondary-45': `linear-gradient(135deg, ${theme('colors.secondary.400')} 0%, ${theme('colors.secondary.600')} 100%)`,
-        'gradient-cyan-0': `linear-gradient(0deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
-        'gradient-violet-0': `linear-gradient(0deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
-        'gradient-indigo-0': `linear-gradient(0deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
-        'gradient-cyan-30': `linear-gradient(30deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
-        'gradient-violet-30': `linear-gradient(30deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
-        'gradient-indigo-30': `linear-gradient(30deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
-        'gradient-cyan-45': `linear-gradient(135deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
-        'gradient-violet-45': `linear-gradient(135deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
-        'gradient-indigo-45': `linear-gradient(135deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
-        'gradient-cyan-60': `linear-gradient(60deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
-        'gradient-violet-60': `linear-gradient(60deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
-        'gradient-indigo-60': `linear-gradient(60deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
-        'gradient-cyan-90': `linear-gradient(90deg, ${theme('colors.cyan.400')} 0%, ${theme('colors.cyan.600')} 100%)`,
-        'gradient-violet-90': `linear-gradient(90deg, ${theme('colors.violet.400')} 0%, ${theme('colors.violet.600')} 100%)`,
-        'gradient-indigo-90': `linear-gradient(90deg, ${theme('colors.indigo.400')} 0%, ${theme('colors.indigo.600')} 100%)`,
+        'gradient-cyan-0': `linear-gradient(0deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
+        'gradient-violet-0': `linear-gradient(0deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
+        'gradient-indigo-0': `linear-gradient(0deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
+        'gradient-cyan-30': `linear-gradient(30deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
+        'gradient-violet-30': `linear-gradient(30deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
+        'gradient-indigo-30': `linear-gradient(30deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
+        'gradient-cyan-45': `linear-gradient(135deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
+        'gradient-violet-45': `linear-gradient(135deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
+        'gradient-indigo-45': `linear-gradient(135deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
+        'gradient-cyan-60': `linear-gradient(60deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
+        'gradient-violet-60': `linear-gradient(60deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
+        'gradient-indigo-60': `linear-gradient(60deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
+        'gradient-cyan-90': `linear-gradient(90deg, ${theme('colors.w-cyan.400')} 0%, ${theme('colors.w-cyan.600')} 100%)`,
+        'gradient-violet-90': `linear-gradient(90deg, ${theme('colors.w-violet.400')} 0%, ${theme('colors.w-violet.600')} 100%)`,
+        'gradient-indigo-90': `linear-gradient(90deg, ${theme('colors.w-indigo.400')} 0%, ${theme('colors.w-indigo.600')} 100%)`,
       }),
       gridTemplateAreas: {
         'default-mobile': ['content content content content'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "3.6.0",
+  "version": "3.8.0",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",
@@ -46,7 +46,10 @@
     "prettier:check": "prettier --cache --check .",
     "prettier:write": "prettier --cache --write .",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "build:ai-tokens": "node scripts/generate-ai-tokens.mjs && node scripts/check-ai-tokens.mjs"
+    "build:ai-tokens": "node scripts/generate-ai-tokens.mjs && node scripts/check-ai-tokens.mjs && yarn build:ai-components",
+    "build:ai-components": "node scripts/generate-ai-components.mjs",
+    "check:component-docs": "node scripts/check-component-docs.mjs",
+    "test:component-docs": "node scripts/__tests__/check-component-docs.test.mjs && node scripts/__tests__/generate-ai-components.test.mjs"
   },
   "dependencies": {
     "@wishket/yogokit": "^0.2.2",