sellmate-design-system-react 7.1.0 → 8.1.0

package/dist/styles.css

@@ -766,6 +766,9 @@
   .mt-\[8px\] {
     margin-top: 8px;
   }
+  .mt-\[24px\] {
+    margin-top: 24px;
+  }
   .mt-\[var\(--cmp-guide-contents-gap\)\] {
     margin-top: var(--cmp-guide-contents-gap);
   }
@@ -852,9 +855,16 @@
     width: 24px;
     height: 24px;
   }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
   .h-\(--cmp-sectionHeaderCard-topBorder-thickness\) {
     height: var(--cmp-sectionHeaderCard-topBorder-thickness);
   }
+  .h-\(--cmp-splitter-border-width\) {
+    height: var(--cmp-splitter-border-width);
+  }
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
@@ -906,6 +916,15 @@
   .h-\[80vh\] {
     height: 80vh;
   }
+  .h-\[140px\] {
+    height: 140px;
+  }
+  .h-\[200px\] {
+    height: 200px;
+  }
+  .h-\[220px\] {
+    height: 220px;
+  }
   .h-\[240px\] {
     height: 240px;
   }
@@ -1044,6 +1063,9 @@
   .w-\(--cmp-listItem-accentStripe-width\) {
     width: var(--cmp-listItem-accentStripe-width);
   }
+  .w-\(--cmp-splitter-border-width\) {
+    width: var(--cmp-splitter-border-width);
+  }
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
@@ -1053,9 +1075,6 @@
   .w-\[4px\] {
     width: 4px;
   }
-  .w-\[8px\] {
-    width: 8px;
-  }
   .w-\[9px\] {
     width: 9px;
   }
@@ -1110,9 +1129,18 @@
   .w-\[360px\] {
     width: 360px;
   }
+  .w-\[420px\] {
+    width: 420px;
+  }
+  .w-\[520px\] {
+    width: 520px;
+  }
   .w-\[528px\] {
     width: 528px;
   }
+  .w-\[600px\] {
+    width: 600px;
+  }
   .w-\[680px\] {
     width: 680px;
   }
@@ -1122,6 +1150,9 @@
   .w-\[1000px\] {
     width: 1000px;
   }
+  .w-\[1080px\] {
+    width: 1080px;
+  }
   .w-\[calc\(14px\+var\(--cmp-tree-item-arrow-icon\)\)\] {
     width: calc(14px + var(--cmp-tree-item-arrow-icon));
   }
@@ -1233,6 +1264,9 @@
   .grow {
     flex-grow: 1;
   }
+  .basis-0 {
+    flex-basis: 0;
+  }
   .table-fixed {
     table-layout: fixed;
   }
@@ -1311,6 +1345,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .cursor-row-resize {
+    cursor: row-resize;
+  }
   .cursor-text {
     cursor: text;
   }
@@ -1966,6 +2003,9 @@
   .border-\[color\:var\(--rd-border\)\] {
     border-color: var(--rd-border);
   }
+  .border-\[color\:var\(--sys-color-border-default\)\] {
+    border-color: var(--sys-color-border-default);
+  }
   .border-\[var\(--cmp-table-border-color\)\] {
     border-color: var(--cmp-table-border-color);
   }
@@ -2053,6 +2093,9 @@
   .bg-\(--cmp-sectionHeaderCard-topBorder-color-default\) {
     background-color: var(--cmp-sectionHeaderCard-topBorder-color-default);
   }
+  .bg-\(--cmp-splitter-border-color\) {
+    background-color: var(--cmp-splitter-border-color);
+  }
   .bg-\(--cmp-tree-connector-line-color\) {
     background-color: var(--cmp-tree-connector-line-color);
   }
@@ -2062,9 +2105,15 @@
   .bg-\(--sys-color-bg-frame\) {
     background-color: var(--sys-color-bg-frame);
   }
+  .bg-\(--sys-color-bg-neutralBright\) {
+    background-color: var(--sys-color-bg-neutralBright);
+  }
   .bg-\(--sys-color-bg-neutralLight\) {
     background-color: var(--sys-color-bg-neutralLight);
   }
+  .bg-\(--sys-color-bg-screen\) {
+    background-color: var(--sys-color-bg-screen);
+  }
   .bg-\(--sys-color-bg-tableHeader\) {
     background-color: var(--sys-color-bg-tableHeader);
   }
@@ -2434,11 +2483,17 @@
   .py-\(--cmp-chipInput-sm-paddingY\) {
     padding-block: var(--cmp-chipInput-sm-paddingY);
   }
-  .py-\(--cmp-listDraggableItem-paddingY-dense\) {
-    padding-block: var(--cmp-listDraggableItem-paddingY-dense);
+  .py-\(--cmp-listDraggableItem-paddingY-md-dense\) {
+    padding-block: var(--cmp-listDraggableItem-paddingY-md-dense);
+  }
+  .py-\(--cmp-listDraggableItem-paddingY-md-normal\) {
+    padding-block: var(--cmp-listDraggableItem-paddingY-md-normal);
   }
-  .py-\(--cmp-listDraggableItem-paddingY-normal\) {
-    padding-block: var(--cmp-listDraggableItem-paddingY-normal);
+  .py-\(--cmp-listDraggableItem-paddingY-sm-dense\) {
+    padding-block: var(--cmp-listDraggableItem-paddingY-sm-dense);
+  }
+  .py-\(--cmp-listDraggableItem-paddingY-sm-normal\) {
+    padding-block: var(--cmp-listDraggableItem-paddingY-sm-normal);
   }
   .py-\(--cmp-listExpansionItem-title-paddingY-dense\) {
     padding-block: var(--cmp-listExpansionItem-title-paddingY-dense);
@@ -2515,6 +2570,9 @@
   .py-sd-24 {
     padding-block: var(--spacing-sd-24);
   }
+  .pt-3 {
+    padding-top: calc(var(--spacing) * 3);
+  }
   .pt-sd-16 {
     padding-top: var(--spacing-sd-16);
   }
@@ -2672,6 +2730,10 @@
     --tw-leading: 26px;
     line-height: 26px;
   }
+  .leading-\[28px\] {
+    --tw-leading: 28px;
+    line-height: 28px;
+  }
   .leading-\[30px\] {
     --tw-leading: 30px;
     line-height: 30px;
@@ -2824,6 +2886,9 @@
   .text-\(--sys-color-fg-secondary\) {
     color: var(--sys-color-fg-secondary);
   }
+  .text-\(--sys-color-fg-tertiary\) {
+    color: var(--sys-color-fg-tertiary);
+  }
   .text-\(--sys-color-fg-warning\) {
     color: var(--sys-color-fg-warning);
   }
@@ -3193,6 +3258,13 @@
   .\[length\:var\(--x\)\] {
     length: var(--x);
   }
+  .group-hover\:bg-\(--cmp-splitter-border-color\) {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        background-color: var(--cmp-splitter-border-color);
+      }
+    }
+  }
   .group-hover\/filepicker\:text-\[color\:var\(--cmp-filepicker-text-default\)\] {
     &:is(:where(.group\/filepicker):hover *) {
       @media (hover: hover) {
@@ -3214,6 +3286,11 @@
       }
     }
   }
+  .group-focus-visible\:bg-\(--cmp-splitter-border-color\) {
+    &:is(:where(.group):focus-visible *) {
+      background-color: var(--cmp-splitter-border-color);
+    }
+  }
   .placeholder\:text-\(--cmp-chipInput-text-placeholder\) {
     &::placeholder {
       color: var(--cmp-chipInput-text-placeholder);
@@ -3394,6 +3471,21 @@
       content: var(--tw-content);
     }
   }
+  .autofill\:\[box-shadow\:0_0_0_1000px_var\(--sys-color-field-bg-default\)_inset\] {
+    &:autofill {
+      box-shadow: 0 0 0 1000px var(--sys-color-field-bg-default) inset;
+    }
+  }
+  .autofill\:\[-webkit-text-fill-color\:currentColor\] {
+    &:autofill {
+      -webkit-text-fill-color: currentColor;
+    }
+  }
+  .autofill\:\[transition\:background-color_5000s_ease-in-out_0s\] {
+    &:autofill {
+      transition: background-color 5000s ease-in-out 0s;
+    }
+  }
   .empty\:hidden {
     &:empty {
       display: none;
@@ -4003,6 +4095,21 @@
       }
     }
   }
+  .\[\&\:-webkit-autofill\]\:\[box-shadow\:0_0_0_1000px_var\(--sys-color-field-bg-default\)_inset\] {
+    &:-webkit-autofill {
+      box-shadow: 0 0 0 1000px var(--sys-color-field-bg-default) inset;
+    }
+  }
+  .\[\&\:-webkit-autofill\]\:\[-webkit-text-fill-color\:currentColor\] {
+    &:-webkit-autofill {
+      -webkit-text-fill-color: currentColor;
+    }
+  }
+  .\[\&\:-webkit-autofill\]\:\[transition\:background-color_5000s_ease-in-out_0s\] {
+    &:-webkit-autofill {
+      transition: background-color 5000s ease-in-out 0s;
+    }
+  }
   .\[\&\:\:-webkit-scrollbar\]\:hidden {
     &::-webkit-scrollbar {
       display: none;
@@ -4213,8 +4320,8 @@
   --sys-space-panel-padding-default: 16px;
   --sys-space-panel-padding-wide: 24px;
   --sys-space-item-paddingX: 16px;
-  --sys-space-item-paddingY-normal: 8px;
-  --sys-space-item-paddingY-dense: 4px;
+  --sys-space-item-paddingY-normal: 10px;
+  --sys-space-item-paddingY-dense: 6px;
   --sys-space-item-gap: 12px;
   --sys-radius-control-sm: 4px;
   --sys-radius-control-md: 6px;
@@ -5013,12 +5120,12 @@
   --cmp-stepper-vertical-item-bg-selected: #EFF6FF;
   --cmp-stepper-vertical-item-gap: 12px;
   --cmp-stepper-vertical-item-paddingX: 16px;
-  --cmp-stepper-vertical-item-paddingY: 8px;
+  --cmp-stepper-vertical-item-paddingY: 10px;
   --cmp-stepper-vertical-item-accentStripe-width: 2px;
   --cmp-stepper-vertical-item-accentStripe-color: #64ABFF;
   --cmp-stepper-vertical-title-bg: #FFFFFF;
   --cmp-stepper-vertical-title-paddingTop: 12px;
-  --cmp-stepper-vertical-title-paddingBottom: 4px;
+  --cmp-stepper-vertical-title-paddingBottom: 6px;
   --cmp-stepper-vertical-title-text: #004290;
   --cmp-tab-main-lg-height: 44px;
   --cmp-tab-main-lg-paddingX: 32px;
@@ -5095,8 +5202,8 @@
   --cmp-list-group-gap: 8px;
   --cmp-list-group-padding: 16px;
   --cmp-listItem-paddingX: 16px;
-  --cmp-listItem-paddingY-normal: 8px;
-  --cmp-listItem-paddingY-dense: 4px;
+  --cmp-listItem-paddingY-normal: 10px;
+  --cmp-listItem-paddingY-dense: 6px;
   --cmp-listItem-gap: 12px;
   --cmp-listItem-radius-bordered: 8px;
   --cmp-listItem-bg-default: #FFFFFF;
@@ -5111,8 +5218,8 @@
   --cmp-listItem-accentStripe-width: 2px;
   --cmp-listItem-accentStripe-color: #64ABFF;
   --cmp-listExpansionItem-title-paddingX: 16px;
-  --cmp-listExpansionItem-title-paddingY-normal: 8px;
-  --cmp-listExpansionItem-title-paddingY-dense: 4px;
+  --cmp-listExpansionItem-title-paddingY-normal: 10px;
+  --cmp-listExpansionItem-title-paddingY-dense: 6px;
   --cmp-listExpansionItem-title-gap: 12px;
   --cmp-listExpansionItem-title-icon: 12px;
   --cmp-listExpansionItem-title-border: #E1E1E1;
@@ -5130,8 +5237,10 @@
   --cmp-listExpansionItem-accentStripe-width: 2px;
   --cmp-listExpansionItem-accentStripe-color: #64ABFF;
   --cmp-listDraggableItem-paddingX: 16px;
-  --cmp-listDraggableItem-paddingY-normal: 8px;
-  --cmp-listDraggableItem-paddingY-dense: 4px;
+  --cmp-listDraggableItem-paddingY-sm-normal: 8px;
+  --cmp-listDraggableItem-paddingY-sm-dense: 4px;
+  --cmp-listDraggableItem-paddingY-md-normal: 10px;
+  --cmp-listDraggableItem-paddingY-md-dense: 6px;
   --cmp-listDraggableItem-gap: 12px;
   --cmp-listDraggableItem-radius-bordered: 8px;
   --cmp-listDraggableItem-bg-default: #FFFFFF;
@@ -5212,6 +5321,7 @@
   --cmp-chipFilter-chip-applied-bg: #EFF6FF;
   --cmp-chipFilter-chip-applied-border: #93C4FF;
   --cmp-chipFilter-chip-applied-text-label: #222222;
+  --cmp-chipFilter-chip-applied-text-data: #005CC9;
   --cmp-chipFilter-chip-disabled-bg: #F6F6F6;
   --cmp-chipFilter-chip-disabled-border: #CCCCCC;
   --cmp-chipFilter-chip-disabled-text: #888888;
@@ -5245,6 +5355,9 @@
   --cmp-chipFilter-item-multi-paddingX: 12px;
   --cmp-chipFilter-item-text-default: #222222;
   --cmp-chipFilter-item-text-selected: #0075FF;
+  --cmp-splitter-border-width: 4px;
+  --cmp-splitter-border-padding: 4px;
+  --cmp-splitter-border-color: #64ABFF;
 }
 @layer base {
   body {
@@ -5595,6 +5708,30 @@
     font-weight: 700;
     line-height: 20px;
   }
+  .typo-item-sm-default {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 20px;
+  }
+  .typo-item-sm-selected {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 20px;
+  }
+  .typo-item-md-default {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+  }
+  .typo-item-md-selected {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 24px;
+  }
 }
 @keyframes linear-indeterminate {
   0% {

package/dist/theme.css

@@ -410,8 +410,8 @@
   --sys-space-panel-padding-default: 16px;
   --sys-space-panel-padding-wide: 24px;
   --sys-space-item-paddingX: 16px;
-  --sys-space-item-paddingY-normal: 8px;
-  --sys-space-item-paddingY-dense: 4px;
+  --sys-space-item-paddingY-normal: 10px;
+  --sys-space-item-paddingY-dense: 6px;
   --sys-space-item-gap: 12px;
   --sys-radius-control-sm: 4px;
   --sys-radius-control-md: 6px;
@@ -1212,12 +1212,12 @@
   --cmp-stepper-vertical-item-bg-selected: #EFF6FF;
   --cmp-stepper-vertical-item-gap: 12px;
   --cmp-stepper-vertical-item-paddingX: 16px;
-  --cmp-stepper-vertical-item-paddingY: 8px;
+  --cmp-stepper-vertical-item-paddingY: 10px;
   --cmp-stepper-vertical-item-accentStripe-width: 2px;
   --cmp-stepper-vertical-item-accentStripe-color: #64ABFF;
   --cmp-stepper-vertical-title-bg: #FFFFFF;
   --cmp-stepper-vertical-title-paddingTop: 12px;
-  --cmp-stepper-vertical-title-paddingBottom: 4px;
+  --cmp-stepper-vertical-title-paddingBottom: 6px;
   --cmp-stepper-vertical-title-text: #004290;
   --cmp-tab-main-lg-height: 44px;
   --cmp-tab-main-lg-paddingX: 32px;
@@ -1294,8 +1294,8 @@
   --cmp-list-group-gap: 8px;
   --cmp-list-group-padding: 16px;
   --cmp-listItem-paddingX: 16px;
-  --cmp-listItem-paddingY-normal: 8px;
-  --cmp-listItem-paddingY-dense: 4px;
+  --cmp-listItem-paddingY-normal: 10px;
+  --cmp-listItem-paddingY-dense: 6px;
   --cmp-listItem-gap: 12px;
   --cmp-listItem-radius-bordered: 8px;
   --cmp-listItem-bg-default: #FFFFFF;
@@ -1310,8 +1310,8 @@
   --cmp-listItem-accentStripe-width: 2px;
   --cmp-listItem-accentStripe-color: #64ABFF;
   --cmp-listExpansionItem-title-paddingX: 16px;
-  --cmp-listExpansionItem-title-paddingY-normal: 8px;
-  --cmp-listExpansionItem-title-paddingY-dense: 4px;
+  --cmp-listExpansionItem-title-paddingY-normal: 10px;
+  --cmp-listExpansionItem-title-paddingY-dense: 6px;
   --cmp-listExpansionItem-title-gap: 12px;
   --cmp-listExpansionItem-title-icon: 12px;
   --cmp-listExpansionItem-title-border: #E1E1E1;
@@ -1329,8 +1329,10 @@
   --cmp-listExpansionItem-accentStripe-width: 2px;
   --cmp-listExpansionItem-accentStripe-color: #64ABFF;
   --cmp-listDraggableItem-paddingX: 16px;
-  --cmp-listDraggableItem-paddingY-normal: 8px;
-  --cmp-listDraggableItem-paddingY-dense: 4px;
+  --cmp-listDraggableItem-paddingY-sm-normal: 8px;
+  --cmp-listDraggableItem-paddingY-sm-dense: 4px;
+  --cmp-listDraggableItem-paddingY-md-normal: 10px;
+  --cmp-listDraggableItem-paddingY-md-dense: 6px;
   --cmp-listDraggableItem-gap: 12px;
   --cmp-listDraggableItem-radius-bordered: 8px;
   --cmp-listDraggableItem-bg-default: #FFFFFF;
@@ -1411,6 +1413,7 @@
   --cmp-chipFilter-chip-applied-bg: #EFF6FF;
   --cmp-chipFilter-chip-applied-border: #93C4FF;
   --cmp-chipFilter-chip-applied-text-label: #222222;
+  --cmp-chipFilter-chip-applied-text-data: #005CC9;
   --cmp-chipFilter-chip-disabled-bg: #F6F6F6;
   --cmp-chipFilter-chip-disabled-border: #CCCCCC;
   --cmp-chipFilter-chip-disabled-text: #888888;
@@ -1444,6 +1447,9 @@
   --cmp-chipFilter-item-multi-paddingX: 12px;
   --cmp-chipFilter-item-text-default: #222222;
   --cmp-chipFilter-item-text-selected: #0075FF;
+  --cmp-splitter-border-width: 4px;
+  --cmp-splitter-border-padding: 4px;
+  --cmp-splitter-border-color: #64ABFF;
 }
 
 /* 전역 스크롤바 — overflow(auto/scroll)로 스크롤이 생기는 모든 요소에 SScrollArea 기본 스크롤바를 자동 적용.
@@ -1807,6 +1813,30 @@
     font-weight: 700;
     line-height: 20px;
   }
+  .typo-item-sm-default {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 20px;
+  }
+  .typo-item-sm-selected {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 12px;
+    font-weight: 700;
+    line-height: 20px;
+  }
+  .typo-item-md-default {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 24px;
+  }
+  .typo-item-md-selected {
+    font-family: Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 24px;
+  }
 }
 
 /* 컴포넌트 공용 애니메이션 (progress 등) */

package/eslint/scale.gen.mjs

@@ -10,7 +10,7 @@ export const TEXT_SIZES = [10,11,12,13,14,16,18,20,24,28,32];
 export const RADIUS = ["2","4","6","8","full","control-sm","control-md","feedback-xs-square","feedback-sm-square","feedback-pill","field-sm","field-md","navigation","item-bordered"];
 
 /** 타이포그래피 프리셋 클래스 */
-export const TYPO_PRESETS = ["typo-body-lg-bold","typo-body-lg-default","typo-body-lg-medium","typo-body-md-bold","typo-body-md-default","typo-body-md-medium","typo-body-sm-bold","typo-body-sm-default","typo-body-sm-medium","typo-body-xs-default","typo-control-lg","typo-control-md-default","typo-control-md-underline","typo-control-sm-default","typo-control-sm-underline","typo-control-xs-bold","typo-control-xs-default","typo-control-xs-medium","typo-control-xs-underline","typo-feedback-md-bold","typo-feedback-md-medium","typo-feedback-md-underline","typo-feedback-sm-bold","typo-feedback-sm-medium","typo-feedback-sm-regular","typo-feedback-sm-underline","typo-feedback-xs","typo-field-lg-bold","typo-field-lg-default","typo-field-lg-medium","typo-field-md-bold","typo-field-md-default","typo-field-md-medium","typo-field-sm-bold","typo-field-sm-default","typo-field-sm-medium","typo-field-xs-default","typo-heading-lg","typo-heading-md","typo-heading-sm","typo-heading-xs","typo-heading-xxs","typo-navigation-lg-medium","typo-navigation-lg-semibold","typo-navigation-md-bold","typo-navigation-sm-bold","typo-navigation-sm-default","typo-navigation-sm-medium","typo-navigation-xs-bold","typo-navigation-xs-medium","typo-table-accent","typo-table-body","typo-table-header"];
+export const TYPO_PRESETS = ["typo-body-lg-bold","typo-body-lg-default","typo-body-lg-medium","typo-body-md-bold","typo-body-md-default","typo-body-md-medium","typo-body-sm-bold","typo-body-sm-default","typo-body-sm-medium","typo-body-xs-default","typo-control-lg","typo-control-md-default","typo-control-md-underline","typo-control-sm-default","typo-control-sm-underline","typo-control-xs-bold","typo-control-xs-default","typo-control-xs-medium","typo-control-xs-underline","typo-feedback-md-bold","typo-feedback-md-medium","typo-feedback-md-underline","typo-feedback-sm-bold","typo-feedback-sm-medium","typo-feedback-sm-regular","typo-feedback-sm-underline","typo-feedback-xs","typo-field-lg-bold","typo-field-lg-default","typo-field-lg-medium","typo-field-md-bold","typo-field-md-default","typo-field-md-medium","typo-field-sm-bold","typo-field-sm-default","typo-field-sm-medium","typo-field-xs-default","typo-heading-lg","typo-heading-md","typo-heading-sm","typo-heading-xs","typo-heading-xxs","typo-item-md-default","typo-item-md-selected","typo-item-sm-default","typo-item-sm-selected","typo-navigation-lg-medium","typo-navigation-lg-semibold","typo-navigation-md-bold","typo-navigation-sm-bold","typo-navigation-sm-default","typo-navigation-sm-medium","typo-navigation-xs-bold","typo-navigation-xs-medium","typo-table-accent","typo-table-body","typo-table-header"];
 
 /** 색상 유틸리티 키 (text-*, bg-*, border-* 공통) */
 export const COLORS = ["bg-accent","bg-accentBright","bg-accentFaint","bg-accentLight","bg-brand","bg-caution","bg-danger","bg-dangerLight","bg-deep","bg-frame","bg-neutralBright","bg-neutralLight","bg-progress","bg-screen","bg-subtle","bg-success","bg-successLight","bg-tableHeader","bg-warning","black","blue-strong","blue-subtle","border-accent","border-accentLight","border-bold","border-danger","border-default","border-strong","border-success","border-warning","brilliantblue-05","brilliantblue-10","brilliantblue-20","brilliantblue-25","brilliantblue-40","brilliantblue-50","brilliantblue-60","brilliantblue-70","brilliantblue-75","brilliantblue-80","brilliantblue-85","brilliantblue-90","brilliantblue-95","brilliantblue-99","control-bg-inverseHover","danger-15","danger-20","danger-30","danger-45","danger-60","danger-70","danger-75","danger-80","danger-85","danger-90","danger-95","danger-99","danger-strong","danger-subtle","darkblue-strong","darkblue-subtle","disabled-bg","disabled-border","disabled-icon","disabled-text","divider-default","fg-accent","fg-accentLight","fg-brand","fg-danger","fg-dangerLight","fg-deep","fg-inverse","fg-primary","fg-quaternary","fg-secondary","fg-subtleCool","fg-subtleWarm","fg-success","fg-tertiary","fg-warning","field-bg-default","field-bg-hover","field-bg-readOnly","field-border-danger","field-border-default","field-border-focus","field-border-hover","field-border-success","field-icon-default","field-text-default","field-text-placeholder","field-text-readOnly","green-15","green-25","green-45","green-55","green-65","green-70","green-75","green-80","green-85","green-90","green-95","green-99","green-strong","green-subtle","grey-05","grey-10","grey-20","grey-25","grey-30","grey-35","grey-45","grey-50","grey-55","grey-60","grey-65","grey-70","grey-80","grey-85","grey-90","grey-95","grey-strong","grey-subtle","indigo-strong","indigo-subtle","lightblue-strong","lightblue-subtle","link-accent","navigation-gnb-bg-dark","oceanblue-15","oceanblue-25","oceanblue-50","oceanblue-60","oceanblue-65","oceanblue-70","oceanblue-75","oceanblue-80","oceanblue-85","oceanblue-90","oceanblue-95","oceanblue-99","olive-05","olive-10","olive-15","olive-20","olive-30","olive-45","olive-55","olive-65","olive-70","olive-80","olive-90","olive-95","orange-10","orange-20","orange-35","orange-45","orange-55","orange-60","orange-65","orange-75","orange-85","orange-90","orange-95","orange-99","orange-strong","orange-subtle","primary-05","primary-10","primary-20","primary-25","primary-40","primary-50","primary-60","primary-70","primary-75","primary-80","primary-85","primary-90","primary-95","primary-99","red-15","red-20","red-30","red-45","red-60","red-70","red-75","red-80","red-85","red-90","red-95","red-99","red-strong","red-subtle","steelblue-10","steelblue-25","steelblue-45","steelblue-60","steelblue-65","steelblue-70","steelblue-75","steelblue-80","steelblue-85","steelblue-90","steelblue-95","steelblue-99","success-15","success-25","success-45","success-55","success-65","success-70","success-75","success-80","success-85","success-90","success-95","success-99","success-strong","success-subtle","warning-10","warning-20","warning-35","warning-45","warning-55","warning-60","warning-65","warning-75","warning-85","warning-90","warning-95","warning-99","warning-strong","warning-subtle","white","yellow-10","yellow-20","yellow-25","yellow-30","yellow-40","yellow-45","yellow-50","yellow-60","yellow-70","yellow-80","yellow-90","yellow-95","yellow-moderate","yellow-strong","yellow-subtle"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "7.1.0",
+  "version": "8.1.0",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [
@@ -69,6 +69,7 @@
     "check:refs": "node scripts/check-refs.mjs",
     "check:docs": "node scripts/check-docs-coverage.mjs",
     "check:docs-refs": "node scripts/check-docs-refs.mjs",
+    "check:routing": "node scripts/check-routing.mjs",
     "version": "node scripts/version.mjs",
     "version:dry": "node scripts/version.mjs --dry-run",
     "clean": "rm -rf dist storybook-static"