sellmate-design-system-react 9.0.0-beta.80 → 9.0.0-beta.85

package/dist/styles.css

@@ -194,6 +194,7 @@
     --color-bg-caution: #FFC700;
     --color-bg-progress: #0075FF;
     --color-bg-success: #00973C;
+    --color-bg-successLight: #12B553;
     --color-bg-neutralLight: #F6F6F6;
     --color-bg-neutralBright: #F9F9F9;
     --color-bg-tableHeader: #F5FAFF;
@@ -391,8 +392,9 @@
     --border-width-item-selected: 2px;
     --opacity-005: 5%;
     --opacity-008: 8%;
-    --opacity-040: 40%;
+    --opacity-016: 16%;
     --opacity-030: 30%;
+    --opacity-040: 40%;
     --opacity-050: 50%;
     --opacity-060: 60%;
     --opacity-080: 80%;
@@ -642,6 +644,9 @@
   .top-\[-1px\] {
     top: -1px;
   }
+  .top-\[6px\] {
+    top: 6px;
+  }
   .top-\[10px\] {
     top: 10px;
   }
@@ -651,6 +656,9 @@
   .top-\[13px\] {
     top: 13px;
   }
+  .top-\[14px\] {
+    top: 14px;
+  }
   .top-\[15px\] {
     top: 15px;
   }
@@ -705,6 +713,9 @@
   .bottom-\[-1px\] {
     bottom: -1px;
   }
+  .bottom-\[-8px\] {
+    bottom: -8px;
+  }
   .bottom-\[2px\] {
     bottom: 2px;
   }
@@ -1003,6 +1014,10 @@
     width: 24px;
     height: 24px;
   }
+  .size-\[var\(--cmp-timeline-rail-dot-size\)\] {
+    width: var(--cmp-timeline-rail-dot-size);
+    height: var(--cmp-timeline-rail-dot-size);
+  }
   .size-full {
     width: 100%;
     height: 100%;
@@ -1091,6 +1106,9 @@
   .h-\[56px\] {
     height: 56px;
   }
+  .h-\[60px\] {
+    height: 60px;
+  }
   .h-\[72px\] {
     height: 72px;
   }
@@ -1478,6 +1496,9 @@
   .w-\[var\(--cmp-pagination-height\)\] {
     width: var(--cmp-pagination-height);
   }
+  .w-\[var\(--cmp-timeline-rail-line-width\)\] {
+    width: var(--cmp-timeline-rail-line-width);
+  }
   .w-\[var\(--sys-size-control-md-height\)\] {
     width: var(--sys-size-control-md-height);
   }
@@ -1499,8 +1520,8 @@
   .w-sd-8 {
     width: var(--spacing-sd-8);
   }
-  .max-w-\[280px\] {
-    max-width: 280px;
+  .max-w-\[310px\] {
+    max-width: 310px;
   }
   .max-w-\[360px\] {
     max-width: 360px;
@@ -1799,6 +1820,12 @@
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
+  .grid-cols-\[52px_8px_1fr\] {
+    grid-template-columns: 52px 8px 1fr;
+  }
+  .grid-cols-\[52px_var\(--cmp-timeline-rail-dot-size\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: 52px var(--cmp-timeline-rail-dot-size) minmax(0,1fr);
+  }
   .grid-cols-\[200px_1fr\] {
     grid-template-columns: 200px 1fr;
   }
@@ -2263,12 +2290,21 @@
   .gap-x-\(--cmp-chart-legend-group-gap\) {
     column-gap: var(--cmp-chart-legend-group-gap);
   }
+  .gap-x-\[6px\] {
+    column-gap: 6px;
+  }
+  .gap-x-\[8px\] {
+    column-gap: 8px;
+  }
   .gap-x-\[var\(--cmp-datepicker-calendar-legend-group-gap\)\] {
     column-gap: var(--cmp-datepicker-calendar-legend-group-gap);
   }
   .gap-x-sd-12 {
     column-gap: var(--spacing-sd-12);
   }
+  .gap-y-\[2px\] {
+    row-gap: 2px;
+  }
   .gap-y-\[4px\] {
     row-gap: 4px;
   }
@@ -2460,6 +2496,9 @@
   .rounded-\[var\(--cmp-table-radius\)\] {
     border-radius: var(--cmp-table-radius);
   }
+  .rounded-\[var\(--cmp-timeline-rail-dot-radius\)\] {
+    border-radius: var(--cmp-timeline-rail-dot-radius);
+  }
   .rounded-full {
     border-radius: var(--radius-full);
   }
@@ -3123,6 +3162,12 @@
   .bg-\[var\(--cmp-table-header-resizingBar-color\)\] {
     background-color: var(--cmp-table-header-resizingBar-color);
   }
+  .bg-\[var\(--cmp-timeline-rail-dot-bg\)\] {
+    background-color: var(--cmp-timeline-rail-dot-bg);
+  }
+  .bg-\[var\(--cmp-timeline-rail-line-color\)\] {
+    background-color: var(--cmp-timeline-rail-line-color);
+  }
   .bg-\[var\(--co-bg\)\] {
     background-color: var(--co-bg);
   }
@@ -3165,6 +3210,9 @@
   .bg-bg-neutralBright {
     background-color: var(--color-bg-neutralBright);
   }
+  .bg-bg-neutralBright\! {
+    background-color: var(--color-bg-neutralBright) !important;
+  }
   .bg-bg-neutralLight {
     background-color: var(--color-bg-neutralLight);
   }
@@ -3189,6 +3237,9 @@
   .bg-disabled-bg {
     background-color: var(--color-disabled-bg);
   }
+  .bg-fg-primary {
+    background-color: var(--color-fg-primary);
+  }
   .bg-gray-50 {
     background-color: var(--color-gray-50);
   }
@@ -3663,6 +3714,9 @@
   .py-\[var\(--cmp-popover-paddingY\)\] {
     padding-block: var(--cmp-popover-paddingY);
   }
+  .py-\[var\(--cmp-timeline-heading-paddingY\)\] {
+    padding-block: var(--cmp-timeline-heading-paddingY);
+  }
   .py-sd-2 {
     padding-block: var(--spacing-sd-2);
   }
@@ -3732,6 +3786,9 @@
   .pr-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-right: var(--cmp-overlay-header-paddingX);
   }
+  .pr-\[var\(--cmp-timeline-entry-horizontalGap\)\] {
+    padding-right: var(--cmp-timeline-entry-horizontalGap);
+  }
   .pr-sd-4 {
     padding-right: var(--spacing-sd-4);
   }
@@ -3765,6 +3822,9 @@
   .pb-\[var\(--cmp-pageBody-padding-scrollEnd\)\] {
     padding-bottom: var(--cmp-pageBody-padding-scrollEnd);
   }
+  .pb-\[var\(--cmp-timeline-entry-gap\)\] {
+    padding-bottom: var(--cmp-timeline-entry-gap);
+  }
   .pb-sd-16 {
     padding-bottom: var(--spacing-sd-16);
   }
@@ -3801,6 +3861,9 @@
   .pl-\[var\(--cmp-overlay-header-paddingX\)\] {
     padding-left: var(--cmp-overlay-header-paddingX);
   }
+  .pl-\[var\(--cmp-timeline-entry-horizontalGap\)\] {
+    padding-left: var(--cmp-timeline-entry-horizontalGap);
+  }
   .pl-sd-4 {
     padding-left: var(--spacing-sd-4);
   }
@@ -4351,6 +4414,15 @@
   .text-\[color\:var\(--cmp-progress-color-label\)\] {
     color: var(--cmp-progress-color-label);
   }
+  .text-\[color\:var\(--cmp-timeline-empty-color\)\] {
+    color: var(--cmp-timeline-empty-color);
+  }
+  .text-\[color\:var\(--cmp-timeline-heading-color\)\] {
+    color: var(--cmp-timeline-heading-color);
+  }
+  .text-\[color\:var\(--cmp-timeline-time-color\)\] {
+    color: var(--cmp-timeline-time-color);
+  }
   .text-\[color\:var\(--co-content\)\] {
     color: var(--co-content);
   }
@@ -4396,6 +4468,9 @@
   .text-blue-strong {
     color: var(--color-blue-strong);
   }
+  .text-brilliantblue-85 {
+    color: var(--color-brilliantblue-85);
+  }
   .text-fg-accent {
     color: var(--color-fg-accent);
   }
@@ -4456,6 +4531,9 @@
   .text-grey-80 {
     color: var(--color-grey-80);
   }
+  .text-grey-95 {
+    color: var(--color-grey-95);
+  }
   .text-inherit {
     color: inherit;
   }
@@ -4465,6 +4543,9 @@
   .text-oceanblue-75 {
     color: var(--color-oceanblue-75);
   }
+  .text-red-70 {
+    color: var(--color-red-70);
+  }
   .text-red-75 {
     color: var(--color-red-75);
   }
@@ -7422,6 +7503,7 @@
   --sys-color-bg-caution: #FFC700;
   --sys-color-bg-progress: #0075FF;
   --sys-color-bg-success: #00973C;
+  --sys-color-bg-successLight: #12B553;
   --sys-color-bg-neutralLight: #F6F6F6;
   --sys-color-bg-neutralBright: #F9F9F9;
   --sys-color-bg-tableHeader: #F5FAFF;
@@ -7571,6 +7653,8 @@
   --cmp-ghostButton-group-gap: 4px;
   --cmp-ghostButton-subAction-content: #5CB0F3;
   --cmp-ghostButton-subAction-hover-bg: #5CB0F3;
+  --cmp-ghostButton-complete-content: #00973C;
+  --cmp-ghostButton-complete-hover-bg: #12B553;
   --cmp-textLink-sm-gap: 4px;
   --cmp-textLink-sm-icon: 16px;
   --cmp-textLink-md-gap: 8px;
@@ -7665,10 +7749,12 @@
   --cmp-radioButton-border-default: #CCCCCC;
   --cmp-radioButton-border-select: #0075FF;
   --cmp-radioButton-border-disabled: #CCCCCC;
+  --cmp-radioButton-border-readOnly: #AAAAAA;
   --cmp-radioButton-bg-default: #FFFFFF;
   --cmp-radioButton-bg-hover: #0075FF;
   --cmp-radioButton-bg-select: #FFFFFF;
   --cmp-radioButton-bg-disabled: #E1E1E1;
+  --cmp-radioButton-bg-readOnly: #EEEEEE;
   --cmp-radioButton-content-default: #555555;
   --cmp-radioButton-content-hover: #FFFFFF;
   --cmp-radioButton-content-select: #0075FF;
@@ -8306,6 +8392,17 @@
   --cmp-progress-bar-text: #FFFFFF;
   --cmp-progress-inverse-color: #FFFFFF;
   --cmp-progress-inverse-opacity: 40%;
+  --cmp-timeline-heading-color: #222222;
+  --cmp-timeline-heading-paddingY: 8px;
+  --cmp-timeline-time-color: #555555;
+  --cmp-timeline-rail-dot-size: 8px;
+  --cmp-timeline-rail-dot-radius: 9999px;
+  --cmp-timeline-rail-dot-bg: #CCCCCC;
+  --cmp-timeline-rail-line-width: 1px;
+  --cmp-timeline-rail-line-color: #D8D8D8;
+  --cmp-timeline-entry-horizontalGap: 16px;
+  --cmp-timeline-entry-gap: 16px;
+  --cmp-timeline-empty-color: #AAAAAA;
   --cmp-table-header-height: 36px;
   --cmp-table-header-paddingX: 16px;
   --cmp-table-header-gap: 4px;
@@ -8894,6 +8991,11 @@
   --cmp-chart-palette-multi-grey: #737373;
   --cmp-chart-palette-multi-red: #FB4444;
   --cmp-chart-palette-single: #2D8DFF;
+  --cmp-skeleton-bg-light: #EEEEEE;
+  --cmp-skeleton-bg-dark: #222222;
+  --cmp-skeleton-highlight: #FFFFFF;
+  --cmp-skeleton-opacity: 16%;
+  --cmp-skeleton-radius: 6px;
 }
 @layer base {
   html {
@@ -9214,7 +9316,7 @@
   .typo-field-md-bold {
     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;
+    font-weight: 600;
     line-height: 24px;
   }
   .typo-field-lg-default {

package/dist/theme.css

@@ -159,6 +159,7 @@
   --color-bg-caution: #FFC700;
   --color-bg-progress: #0075FF;
   --color-bg-success: #00973C;
+  --color-bg-successLight: #12B553;
   --color-bg-neutralLight: #F6F6F6;
   --color-bg-neutralBright: #F9F9F9;
   --color-bg-tableHeader: #F5FAFF;
@@ -362,8 +363,9 @@
   --border-width-item-selected: 2px;
   --opacity-005: 5%;
   --opacity-008: 8%;
-  --opacity-040: 40%;
+  --opacity-016: 16%;
   --opacity-030: 30%;
+  --opacity-040: 40%;
   --opacity-050: 50%;
   --opacity-060: 60%;
   --opacity-080: 80%;
@@ -497,6 +499,7 @@
   --sys-color-bg-caution: #FFC700;
   --sys-color-bg-progress: #0075FF;
   --sys-color-bg-success: #00973C;
+  --sys-color-bg-successLight: #12B553;
   --sys-color-bg-neutralLight: #F6F6F6;
   --sys-color-bg-neutralBright: #F9F9F9;
   --sys-color-bg-tableHeader: #F5FAFF;
@@ -648,6 +651,8 @@
   --cmp-ghostButton-group-gap: 4px;
   --cmp-ghostButton-subAction-content: #5CB0F3;
   --cmp-ghostButton-subAction-hover-bg: #5CB0F3;
+  --cmp-ghostButton-complete-content: #00973C;
+  --cmp-ghostButton-complete-hover-bg: #12B553;
   --cmp-textLink-sm-gap: 4px;
   --cmp-textLink-sm-icon: 16px;
   --cmp-textLink-md-gap: 8px;
@@ -742,10 +747,12 @@
   --cmp-radioButton-border-default: #CCCCCC;
   --cmp-radioButton-border-select: #0075FF;
   --cmp-radioButton-border-disabled: #CCCCCC;
+  --cmp-radioButton-border-readOnly: #AAAAAA;
   --cmp-radioButton-bg-default: #FFFFFF;
   --cmp-radioButton-bg-hover: #0075FF;
   --cmp-radioButton-bg-select: #FFFFFF;
   --cmp-radioButton-bg-disabled: #E1E1E1;
+  --cmp-radioButton-bg-readOnly: #EEEEEE;
   --cmp-radioButton-content-default: #555555;
   --cmp-radioButton-content-hover: #FFFFFF;
   --cmp-radioButton-content-select: #0075FF;
@@ -1383,6 +1390,17 @@
   --cmp-progress-bar-text: #FFFFFF;
   --cmp-progress-inverse-color: #FFFFFF;
   --cmp-progress-inverse-opacity: 40%;
+  --cmp-timeline-heading-color: #222222;
+  --cmp-timeline-heading-paddingY: 8px;
+  --cmp-timeline-time-color: #555555;
+  --cmp-timeline-rail-dot-size: 8px;
+  --cmp-timeline-rail-dot-radius: 9999px;
+  --cmp-timeline-rail-dot-bg: #CCCCCC;
+  --cmp-timeline-rail-line-width: 1px;
+  --cmp-timeline-rail-line-color: #D8D8D8;
+  --cmp-timeline-entry-horizontalGap: 16px;
+  --cmp-timeline-entry-gap: 16px;
+  --cmp-timeline-empty-color: #AAAAAA;
   --cmp-table-header-height: 36px;
   --cmp-table-header-paddingX: 16px;
   --cmp-table-header-gap: 4px;
@@ -1971,6 +1989,11 @@
   --cmp-chart-palette-multi-grey: #737373;
   --cmp-chart-palette-multi-red: #FB4444;
   --cmp-chart-palette-single: #2D8DFF;
+  --cmp-skeleton-bg-light: #EEEEEE;
+  --cmp-skeleton-bg-dark: #222222;
+  --cmp-skeleton-highlight: #FFFFFF;
+  --cmp-skeleton-opacity: 16%;
+  --cmp-skeleton-radius: 6px;
 }
 
 /* 전역 스크롤바 — overflow(auto/scroll)로 스크롤이 생기는 모든 요소에 SScrollArea 기본 스크롤바를 자동 적용.
@@ -2310,7 +2333,7 @@
   .typo-field-md-bold {
     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;
+    font-weight: 600;
     line-height: 24px;
   }
   .typo-field-lg-default {

package/eslint/scale.gen.mjs

@@ -13,7 +13,7 @@ export const RADIUS = ["2","4","6","8","12","full","control-sm","control-md","fe
 export const TYPO_PRESETS = ["typo-body-lg-bold","typo-body-lg-default","typo-body-lg-medium","typo-body-lg-semibold","typo-body-md-bold","typo-body-md-default","typo-body-md-medium","typo-body-md-semibold","typo-body-sm-bold","typo-body-sm-default","typo-body-sm-medium","typo-body-sm-semibold","typo-body-xs-bold","typo-body-xs-default","typo-body-xs-medium","typo-body-xs-semibold","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-regular","typo-feedback-md-underline","typo-feedback-sm-bold","typo-feedback-sm-medium","typo-feedback-sm-regular","typo-feedback-sm-semibold","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-xl","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-tableHeader","bg-warning","black","blue-moderate","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-moderate","danger-strong","danger-subtle","darkblue-moderate","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-successLight","fg-tertiary","fg-warning","fg-warningLight","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-moderate","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-moderate","grey-strong","grey-subtle","indigo-moderate","indigo-strong","indigo-subtle","lightblue-strong","lightblue-subtle","link-accent","navigation-gnb-bg-dark","navigation-gnb-bg-system","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-moderate","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","purple-15","purple-25","purple-45","purple-55","purple-65","purple-70","purple-75","purple-80","purple-85","purple-90","purple-95","purple-99","purple-moderate","purple-strong","purple-subtle","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-moderate","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-moderate","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-moderate","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"];
+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-moderate","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-moderate","danger-strong","danger-subtle","darkblue-moderate","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-successLight","fg-tertiary","fg-warning","fg-warningLight","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-moderate","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-moderate","grey-strong","grey-subtle","indigo-moderate","indigo-strong","indigo-subtle","lightblue-strong","lightblue-subtle","link-accent","navigation-gnb-bg-dark","navigation-gnb-bg-system","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-moderate","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","purple-15","purple-25","purple-45","purple-55","purple-65","purple-70","purple-75","purple-80","purple-85","purple-90","purple-95","purple-99","purple-moderate","purple-strong","purple-subtle","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-moderate","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-moderate","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-moderate","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"];
 
 /** 필드 폭 등급 (px). SFieldWidth 의 'xs'|'sm'|'md'|'lg'|'xl' 이 풀리는 값이다 */
 export const FIELD_WIDTHS = {"xs":80,"sm":120,"md":160,"lg":240,"xl":480};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sellmate-design-system-react",
-  "version": "9.0.0-beta.80",
+  "version": "9.0.0-beta.85",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [