sellmate-design-system-react 9.0.0-beta.48 → 9.0.0-beta.49

package/dist/styles.css

@@ -181,7 +181,6 @@
     --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;
@@ -366,6 +365,7 @@
     --opacity-008: 8%;
     --opacity-040: 40%;
     --opacity-060: 60%;
+    --opacity-080: 80%;
     --z-raised: 1;
     --shadow-normal-xs: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 2px 6px -2px rgba(34,34,34,0.16);
     --shadow-normal-sm: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 4px 16px -4px rgba(34,34,34,0.2);
@@ -1772,6 +1772,15 @@
   .gap-\(--cmp-calendarBoard-moreButton-gap\) {
     gap: var(--cmp-calendarBoard-moreButton-gap);
   }
+  .gap-\(--cmp-chart-chartTooltip-gap\) {
+    gap: var(--cmp-chart-chartTooltip-gap);
+  }
+  .gap-\(--cmp-chart-gap\) {
+    gap: var(--cmp-chart-gap);
+  }
+  .gap-\(--cmp-chart-legend-legendItem-gap\) {
+    gap: var(--cmp-chart-legend-legendItem-gap);
+  }
   .gap-\(--cmp-chatAttachedFile-content-gap\) {
     gap: var(--cmp-chatAttachedFile-content-gap);
   }
@@ -2092,6 +2101,9 @@
       margin-block-end: calc(var(--spacing-sd-8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .gap-x-\(--cmp-chart-legend-group-gap\) {
+    column-gap: var(--cmp-chart-legend-group-gap);
+  }
   .gap-x-\[var\(--cmp-datepicker-calendar-legend-group-gap\)\] {
     column-gap: var(--cmp-datepicker-calendar-legend-group-gap);
   }
@@ -2157,6 +2169,9 @@
   .rounded-\(--cmp-calendarBoard-radius\) {
     border-radius: var(--cmp-calendarBoard-radius);
   }
+  .rounded-\(--cmp-chart-chartTooltip-radius\) {
+    border-radius: var(--cmp-chart-chartTooltip-radius);
+  }
   .rounded-\(--cmp-chatAttachedFile-icon-wrapper-radius\) {
     border-radius: var(--cmp-chatAttachedFile-icon-wrapper-radius);
   }
@@ -2631,6 +2646,12 @@
   .bg-\(--cmp-calendarBoard-moreButton-hover-overlay-color\) {
     background-color: var(--cmp-calendarBoard-moreButton-hover-overlay-color);
   }
+  .bg-\(--cmp-chart-bg\) {
+    background-color: var(--cmp-chart-bg);
+  }
+  .bg-\(--cmp-chart-chartTooltip-bg\) {
+    background-color: var(--cmp-chart-chartTooltip-bg);
+  }
   .bg-\(--cmp-chatAttachedFile-bg\) {
     background-color: var(--cmp-chatAttachedFile-bg);
   }
@@ -2643,8 +2664,11 @@
   .bg-\(--cmp-chatBubble-incoming-bg\) {
     background-color: var(--cmp-chatBubble-incoming-bg);
   }
-  .bg-\(--cmp-chatBubble-outgoing-bg\) {
-    background-color: var(--cmp-chatBubble-outgoing-bg);
+  .bg-\(--cmp-chatBubble-outgoing-default-bg\) {
+    background-color: var(--cmp-chatBubble-outgoing-default-bg);
+  }
+  .bg-\(--cmp-chatBubble-outgoing-general-bg\) {
+    background-color: var(--cmp-chatBubble-outgoing-general-bg);
   }
   .bg-\(--cmp-chatBubble-templete-bg\) {
     background-color: var(--cmp-chatBubble-templete-bg);
@@ -3015,6 +3039,9 @@
       background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
     }
   }
+  .p-\(--cmp-chart-paddingAll\) {
+    padding: var(--cmp-chart-paddingAll);
+  }
   .p-\(--cmp-chatAttachedFile-icon-wrapper-padding\) {
     padding: var(--cmp-chatAttachedFile-icon-wrapper-padding);
   }
@@ -3129,6 +3156,9 @@
   .px-\(--cmp-calendarBoard-item-paddingX\) {
     padding-inline: var(--cmp-calendarBoard-item-paddingX);
   }
+  .px-\(--cmp-chart-chartTooltip-paddingX\) {
+    padding-inline: var(--cmp-chart-chartTooltip-paddingX);
+  }
   .px-\(--cmp-chatAttachedFile-paddingX\) {
     padding-inline: var(--cmp-chatAttachedFile-paddingX);
   }
@@ -3285,6 +3315,12 @@
   .py-\(--cmp-calendarBoard-dayEvent-header-paddingY\) {
     padding-block: var(--cmp-calendarBoard-dayEvent-header-paddingY);
   }
+  .py-\(--cmp-chart-chartTooltip-paddingY\) {
+    padding-block: var(--cmp-chart-chartTooltip-paddingY);
+  }
+  .py-\(--cmp-chart-legend-legendItem-paddingY\) {
+    padding-block: var(--cmp-chart-legend-legendItem-paddingY);
+  }
   .py-\(--cmp-chatAttachedFile-paddingY\) {
     padding-block: var(--cmp-chatAttachedFile-paddingY);
   }
@@ -3797,14 +3833,23 @@
   .text-\(--cmp-calendarBoard-moreButton-label-color\) {
     color: var(--cmp-calendarBoard-moreButton-label-color);
   }
+  .text-\(--cmp-chart-axis-color\) {
+    color: var(--cmp-chart-axis-color);
+  }
+  .text-\(--cmp-chart-chartTooltip-title-color\) {
+    color: var(--cmp-chart-chartTooltip-title-color);
+  }
+  .text-\(--cmp-chart-legend-legendItem-color\) {
+    color: var(--cmp-chart-legend-legendItem-color);
+  }
   .text-\(--cmp-chatAttachedFile-filename-color\) {
     color: var(--cmp-chatAttachedFile-filename-color);
   }
   .text-\(--cmp-chatBubble-incoming-content\) {
     color: var(--cmp-chatBubble-incoming-content);
   }
-  .text-\(--cmp-chatBubble-outgoing-content\) {
-    color: var(--cmp-chatBubble-outgoing-content);
+  .text-\(--cmp-chatBubble-outgoing-general-content\) {
+    color: var(--cmp-chatBubble-outgoing-general-content);
   }
   .text-\(--cmp-chatBubble-templete-content\) {
     color: var(--cmp-chatBubble-templete-content);
@@ -3920,6 +3965,9 @@
   .text-\(--sys-color-fg-brand\) {
     color: var(--sys-color-fg-brand);
   }
+  .text-\(--sys-color-fg-deep\) {
+    color: var(--sys-color-fg-deep);
+  }
   .text-\(--sys-color-fg-primary\) {
     color: var(--sys-color-fg-primary);
   }
@@ -4166,6 +4214,9 @@
   .opacity-\(--cmp-listDraggableItem-dragging-content-opacity\) {
     opacity: var(--cmp-listDraggableItem-dragging-content-opacity);
   }
+  .opacity-\(--opacity-060\) {
+    opacity: var(--opacity-060);
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -6994,7 +7045,6 @@
   --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;
@@ -8216,12 +8266,13 @@
   --cmp-chatBubble-radius: 12px;
   --cmp-chatBubble-incoming-bg: #EEEEEE;
   --cmp-chatBubble-incoming-content: #222222;
-  --cmp-chatBubble-outgoing-bg: #025497;
-  --cmp-chatBubble-outgoing-content: #FFFFFF;
-  --cmp-chatBubble-templete-bg: #EFF6FF;
-  --cmp-chatBubble-templete-content: #004290;
+  --cmp-chatBubble-outgoing-general-bg: #025497;
+  --cmp-chatBubble-outgoing-general-content: #FFFFFF;
+  --cmp-chatBubble-outgoing-default-bg: #EFF6FF;
+  --cmp-chatBubble-outgoing-default-content: #222222;
+  --cmp-chatBubble-templete-bg: #E8F9EF;
+  --cmp-chatBubble-templete-content: #222222;
   --cmp-chatBubble-button-gap: 8px;
-  --cmp-avatar-radius: 9999px;
   --cmp-chatTimeStamp-color: #888888;
   --cmp-chatReadMark-color: #FF6B00;
   --cmp-chatFile-bg-default: #FFFFFF;
@@ -8265,6 +8316,48 @@
   --cmp-chatAttachedFile-icon-wrapper-radius: 4px;
   --cmp-chatAttachedFile-icon-size: 16px;
   --cmp-chatAttachedFile-filename-color: #555555;
+  --cmp-chart-paddingAll: 36px;
+  --cmp-chart-gap: 12px;
+  --cmp-chart-bg: #FFFFFF;
+  --cmp-chart-axis-color: #222222;
+  --cmp-chart-grid-line-color: #E1E1E1;
+  --cmp-chart-baseline-color: #AAAAAA;
+  --cmp-chart-barContainer-hover-bg: #444444;
+  --cmp-chart-barContainer-hover-opacity: 8%;
+  --cmp-chart-legend-group-gap: 24px;
+  --cmp-chart-legend-legendItem-gap: 8px;
+  --cmp-chart-legend-legendItem-paddingY: 4px;
+  --cmp-chart-legend-legendItem-color: #555555;
+  --cmp-chart-chartTooltip-paddingX: 12px;
+  --cmp-chart-chartTooltip-paddingY: 8px;
+  --cmp-chart-chartTooltip-gap: 4px;
+  --cmp-chart-chartTooltip-radius: 8px;
+  --cmp-chart-chartTooltip-bg: #FFFFFF;
+  --cmp-chart-chartTooltip-title-color: #555555;
+  --cmp-chart-palette-gradation-1: #025497;
+  --cmp-chart-palette-gradation-2: #006AC1;
+  --cmp-chart-palette-gradation-3: #1F8AE1;
+  --cmp-chart-palette-gradation-4: #5CB0F3;
+  --cmp-chart-palette-gradation-5: #9CD1FC;
+  --cmp-chart-palette-gradation-6: #D5EBFE;
+  --cmp-chart-palette-variation-positivePrimary: #2D8DFF;
+  --cmp-chart-palette-variation-positiveSecondary: #50BFF0;
+  --cmp-chart-palette-variation-negativePrimary: #FF7C7C;
+  --cmp-chart-palette-variation-negativeSecondary: #FFA452;
+  --cmp-chart-palette-variation-neutralPrimary: #737373;
+  --cmp-chart-palette-variation-neutralSecondary: #BBBBBB;
+  --cmp-chart-palette-multi-blue: #2D8DFF;
+  --cmp-chart-palette-multi-skyblue: #50BFF0;
+  --cmp-chart-palette-multi-yellow: #EBB110;
+  --cmp-chart-palette-multi-olive: #A5A500;
+  --cmp-chart-palette-multi-lightRed: #FF7C7C;
+  --cmp-chart-palette-multi-warmBlue: #128FC7;
+  --cmp-chart-palette-multi-orange: #FF7F22;
+  --cmp-chart-palette-multi-green: #12B553;
+  --cmp-chart-palette-multi-navy: #025497;
+  --cmp-chart-palette-multi-grey: #737373;
+  --cmp-chart-palette-multi-red: #FB4444;
+  --cmp-chart-palette-single: #2D8DFF;
 }
 @layer base {
   html {

package/dist/theme.css

@@ -147,7 +147,6 @@
   --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;
@@ -338,6 +337,7 @@
   --opacity-008: 8%;
   --opacity-040: 40%;
   --opacity-060: 60%;
+  --opacity-080: 80%;
   --z-raised: 1;
   --shadow-normal-xs: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 2px 6px -2px rgba(34,34,34,0.16);
   --shadow-normal-sm: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 4px 16px -4px rgba(34,34,34,0.2);
@@ -454,7 +454,6 @@
   --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;
@@ -1678,12 +1677,13 @@
   --cmp-chatBubble-radius: 12px;
   --cmp-chatBubble-incoming-bg: #EEEEEE;
   --cmp-chatBubble-incoming-content: #222222;
-  --cmp-chatBubble-outgoing-bg: #025497;
-  --cmp-chatBubble-outgoing-content: #FFFFFF;
-  --cmp-chatBubble-templete-bg: #EFF6FF;
-  --cmp-chatBubble-templete-content: #004290;
+  --cmp-chatBubble-outgoing-general-bg: #025497;
+  --cmp-chatBubble-outgoing-general-content: #FFFFFF;
+  --cmp-chatBubble-outgoing-default-bg: #EFF6FF;
+  --cmp-chatBubble-outgoing-default-content: #222222;
+  --cmp-chatBubble-templete-bg: #E8F9EF;
+  --cmp-chatBubble-templete-content: #222222;
   --cmp-chatBubble-button-gap: 8px;
-  --cmp-avatar-radius: 9999px;
   --cmp-chatTimeStamp-color: #888888;
   --cmp-chatReadMark-color: #FF6B00;
   --cmp-chatFile-bg-default: #FFFFFF;
@@ -1727,6 +1727,48 @@
   --cmp-chatAttachedFile-icon-wrapper-radius: 4px;
   --cmp-chatAttachedFile-icon-size: 16px;
   --cmp-chatAttachedFile-filename-color: #555555;
+  --cmp-chart-paddingAll: 36px;
+  --cmp-chart-gap: 12px;
+  --cmp-chart-bg: #FFFFFF;
+  --cmp-chart-axis-color: #222222;
+  --cmp-chart-grid-line-color: #E1E1E1;
+  --cmp-chart-baseline-color: #AAAAAA;
+  --cmp-chart-barContainer-hover-bg: #444444;
+  --cmp-chart-barContainer-hover-opacity: 8%;
+  --cmp-chart-legend-group-gap: 24px;
+  --cmp-chart-legend-legendItem-gap: 8px;
+  --cmp-chart-legend-legendItem-paddingY: 4px;
+  --cmp-chart-legend-legendItem-color: #555555;
+  --cmp-chart-chartTooltip-paddingX: 12px;
+  --cmp-chart-chartTooltip-paddingY: 8px;
+  --cmp-chart-chartTooltip-gap: 4px;
+  --cmp-chart-chartTooltip-radius: 8px;
+  --cmp-chart-chartTooltip-bg: #FFFFFF;
+  --cmp-chart-chartTooltip-title-color: #555555;
+  --cmp-chart-palette-gradation-1: #025497;
+  --cmp-chart-palette-gradation-2: #006AC1;
+  --cmp-chart-palette-gradation-3: #1F8AE1;
+  --cmp-chart-palette-gradation-4: #5CB0F3;
+  --cmp-chart-palette-gradation-5: #9CD1FC;
+  --cmp-chart-palette-gradation-6: #D5EBFE;
+  --cmp-chart-palette-variation-positivePrimary: #2D8DFF;
+  --cmp-chart-palette-variation-positiveSecondary: #50BFF0;
+  --cmp-chart-palette-variation-negativePrimary: #FF7C7C;
+  --cmp-chart-palette-variation-negativeSecondary: #FFA452;
+  --cmp-chart-palette-variation-neutralPrimary: #737373;
+  --cmp-chart-palette-variation-neutralSecondary: #BBBBBB;
+  --cmp-chart-palette-multi-blue: #2D8DFF;
+  --cmp-chart-palette-multi-skyblue: #50BFF0;
+  --cmp-chart-palette-multi-yellow: #EBB110;
+  --cmp-chart-palette-multi-olive: #A5A500;
+  --cmp-chart-palette-multi-lightRed: #FF7C7C;
+  --cmp-chart-palette-multi-warmBlue: #128FC7;
+  --cmp-chart-palette-multi-orange: #FF7F22;
+  --cmp-chart-palette-multi-green: #12B553;
+  --cmp-chart-palette-multi-navy: #025497;
+  --cmp-chart-palette-multi-grey: #737373;
+  --cmp-chart-palette-multi-red: #FB4444;
+  --cmp-chart-palette-single: #2D8DFF;
 }
 
 /* 전역 스크롤바 — overflow(auto/scroll)로 스크롤이 생기는 모든 요소에 SScrollArea 기본 스크롤바를 자동 적용.

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-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-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-successLight","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","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-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"];
+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-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-successLight","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","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-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"];
 
 /** 필드 폭 등급 (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.48",
+  "version": "9.0.0-beta.49",
   "description": "Sellmate Design System — React (TypeScript + Tailwind v4) port",
   "license": "UNLICENSED",
   "keywords": [