sellmate-design-system-react 2.1.0 → 2.1.1

package/dist/theme.css

@@ -156,20 +156,22 @@
   --color-fg-success: #00973C;
   --color-fg-dangerLight: #FB4444;
   --color-fg-accent: #0075FF;
+  --color-fg-accentLight: #64ABFF;
   --color-fg-danger: #E30000;
   --color-fg-warning: #FF6B00;
   --color-fg-inverse: #FFFFFF;
+  --color-border-default: #E1E1E1;
+  --color-border-strong: #AAAAAA;
+  --color-border-accent: #0075FF;
+  --color-border-accentLight: #93C4FF;
+  --color-border-danger: #FB4444;
+  --color-border-success: #12B553;
   --color-disabled-bg: #E1E1E1;
   --color-disabled-text: #888888;
   --color-disabled-icon: #BBBBBB;
   --color-disabled-border: #CCCCCC;
   --color-link-accent: #006AC1;
   --color-divider-default: #E1E1E1;
-  --color-border-default: #E1E1E1;
-  --color-border-accent: #0075FF;
-  --color-border-accentLight: #93C4FF;
-  --color-border-danger: #FB4444;
-  --color-border-success: #12B553;
   --color-red-strong: #FB4444;
   --color-red-subtle: #FCEFEF;
   --color-orange-strong: #FF6B00;
@@ -179,6 +181,8 @@
   --color-yellow-subtle: #FFF7DD;
   --color-green-strong: #00973C;
   --color-green-subtle: #E8F9EF;
+  --color-lightblue-strong: #64ABFF;
+  --color-lightblue-subtle: #EFF6FF;
   --color-blue-strong: #0075FF;
   --color-blue-subtle: #E6F1FF;
   --color-darkblue-strong: #006AC1;
@@ -315,6 +319,10 @@
   --spacing-overlay-paddingX-md: 24px;
   --spacing-overlay-paddingY-sm: 8px;
   --spacing-panel-gap: 12px;
+  --spacing-item-paddingX: 16px;
+  --spacing-item-paddingY-normal: 8px;
+  --spacing-item-paddingY-dense: 4px;
+  --spacing-item-gap: 12px;
   --spacing-44: 44px;
   --spacing-56: 56px;
   --spacing-62: 62px;
@@ -344,6 +352,7 @@
   --spacing-table-height-xs: 32px;
   --spacing-table-height-sm: 36px;
   --spacing-table-height-md: 44px;
+  --spacing-item-accentStripe-width: 2px;
   --radius-2: 2px;
   --radius-4: 4px;
   --radius-6: 6px;
@@ -357,6 +366,7 @@
   --radius-field-sm: 4px;
   --radius-field-md: 6px;
   --radius-navigation: 6px;
+  --radius-item-bordered: 8px;
   --text-10: 10px;
   --text-11: 11px;
   --text-12: 12px;
@@ -381,8 +391,10 @@
   --border-width-control-default: 1px;
   --border-width-field-default: 1px;
   --border-width-navigation-default: 1px;
+  --border-width-item-default: 1px;
   --opacity-005: 5%;
   --opacity-040: 40%;
+  --opacity-060: 60%;
   --z-raised: 1;
   --shadow-normal-xs: 0px 0px 16px -4px rgba(34,34,34,0.12), 2px 4px 6px -2px rgba(34,34,34,0.1);
   --shadow-normal-sm: 0px 0px 24px -6px rgba(34,34,34,0.12), 4px 8px 16px -4px rgba(34,34,34,0.1);
@@ -422,6 +434,7 @@
   --sys-size-table-height-xs: 32px;
   --sys-size-table-height-sm: 36px;
   --sys-size-table-height-md: 44px;
+  --sys-size-item-accentStripe-width: 2px;
   --sys-space-control-xs-paddingX: 8px;
   --sys-space-control-xs-gap: 4px;
   --sys-space-control-sm-paddingX: 12px;
@@ -463,6 +476,10 @@
   --sys-space-overlay-paddingX-md: 24px;
   --sys-space-overlay-paddingY-sm: 8px;
   --sys-space-panel-gap: 12px;
+  --sys-space-item-paddingX: 16px;
+  --sys-space-item-paddingY-normal: 8px;
+  --sys-space-item-paddingY-dense: 4px;
+  --sys-space-item-gap: 12px;
   --sys-radius-control-sm: 4px;
   --sys-radius-control-md: 6px;
   --sys-radius-feedback-xs-square: 6px;
@@ -470,9 +487,11 @@
   --sys-radius-feedback-pill: 9999px;
   --sys-radius-field-sm: 4px;
   --sys-radius-field-md: 6px;
+  --sys-radius-item-bordered: 8px;
   --sys-border-width-control-default: 1px;
   --sys-border-width-field-default: 1px;
   --sys-border-width-navigation-default: 1px;
+  --sys-border-width-item-default: 1px;
   --sys-color-bg-screen: #EEEEEE;
   --sys-color-bg-frame: #FFFFFF;
   --sys-color-bg-brand: #025497;
@@ -503,20 +522,24 @@
   --sys-color-fg-success: #00973C;
   --sys-color-fg-dangerLight: #FB4444;
   --sys-color-fg-accent: #0075FF;
+  --sys-color-fg-accentLight: #64ABFF;
   --sys-color-fg-danger: #E30000;
   --sys-color-fg-warning: #FF6B00;
   --sys-color-fg-inverse: #FFFFFF;
+  --sys-color-border-default: #E1E1E1;
+  --sys-color-border-strong: #AAAAAA;
+  --sys-color-border-accent: #0075FF;
+  --sys-color-border-accentLight: #93C4FF;
+  --sys-color-border-danger: #FB4444;
+  --sys-color-border-success: #12B553;
   --sys-color-disabled-bg: #E1E1E1;
   --sys-color-disabled-text: #888888;
   --sys-color-disabled-icon: #BBBBBB;
   --sys-color-disabled-border: #CCCCCC;
   --sys-color-link-accent: #006AC1;
   --sys-color-divider-default: #E1E1E1;
-  --sys-color-border-default: #E1E1E1;
-  --sys-color-border-accent: #0075FF;
-  --sys-color-border-accentLight: #93C4FF;
-  --sys-color-border-danger: #FB4444;
-  --sys-color-border-success: #12B553;
+  --sys-color-lightblue-strong: #64ABFF;
+  --sys-color-lightblue-subtle: #EFF6FF;
   --sys-color-blue-strong: #0075FF;
   --sys-color-blue-subtle: #E6F1FF;
   --sys-color-darkblue-strong: #006AC1;
@@ -623,6 +646,8 @@
   --cmp-ghostButton-inverse-disabled: #E1E1E1;
   --cmp-ghostButton-inverse-hover-bg: #FFFFFF;
   --cmp-ghostButton-group-gap: 4px;
+  --cmp-ghostButton-subAction-content: #5CB0F3;
+  --cmp-ghostButton-subAction-hover-bg: #5CB0F3;
   --cmp-textLink-sm-gap: 4px;
   --cmp-textLink-sm-icon: 16px;
   --cmp-textLink-md-gap: 8px;
@@ -721,24 +746,24 @@
   --cmp-radioButton-content-select: #0075FF;
   --cmp-radioButton-content-disabled: #888888;
   --cmp-radioButton-group-gap: -1px;
-  --cmp-listItem-paddingY: 4px;
-  --cmp-listItem-paddingRight: 12px;
-  --cmp-listItem-gap: 8px;
-  --cmp-listItem-paddingLeft-depth1: 12px;
-  --cmp-listItem-paddingLeft-depth2: 20px;
-  --cmp-listItem-paddingLeft-depth3: 28px;
-  --cmp-listItem-bg-default: #FFFFFF;
-  --cmp-listItem-bg-hover: #0075FF;
-  --cmp-listItem-content-default: #222222;
-  --cmp-listItem-content-hover: #FFFFFF;
-  --cmp-listItem-content-disabled: #888888;
-  --cmp-listItem-content-selected: #0075FF;
-  --cmp-listItem-depth1-bg-default: #EFF6FF;
-  --cmp-listItem-depth1-bg-disabled: #EEEEEE;
-  --cmp-listItem-depth1-border-color: #E1E1E1;
-  --cmp-listItem-depth1-border-width: 1px;
-  --cmp-listItem-depth2-middle-bg: #F6F6F6;
-  --cmp-listItem-count-color: #888888;
+  --cmp-listBoxItem-paddingY: 4px;
+  --cmp-listBoxItem-paddingRight: 12px;
+  --cmp-listBoxItem-gap: 8px;
+  --cmp-listBoxItem-paddingLeft-depth1: 12px;
+  --cmp-listBoxItem-paddingLeft-depth2: 20px;
+  --cmp-listBoxItem-paddingLeft-depth3: 28px;
+  --cmp-listBoxItem-bg-default: #FFFFFF;
+  --cmp-listBoxItem-bg-hover: #0075FF;
+  --cmp-listBoxItem-content-default: #222222;
+  --cmp-listBoxItem-content-hover: #FFFFFF;
+  --cmp-listBoxItem-content-disabled: #888888;
+  --cmp-listBoxItem-content-selected: #0075FF;
+  --cmp-listBoxItem-depth1-bg-default: #EFF6FF;
+  --cmp-listBoxItem-depth1-bg-disabled: #EEEEEE;
+  --cmp-listBoxItem-depth1-border-color: #E1E1E1;
+  --cmp-listBoxItem-depth1-border-width: 1px;
+  --cmp-listBoxItem-depth2-middle-bg: #F6F6F6;
+  --cmp-listBoxItem-count-color: #888888;
   --cmp-listBox-radius: 4px;
   --cmp-listBox-bg: #FFFFFF;
   --cmp-listBox-chip-paddingXY: 8px;
@@ -781,6 +806,7 @@
   --cmp-field-hint-color: #555555;
   --cmp-field-errorMessage-color: #E30000;
   --cmp-field-contents-gap: 4px;
+  --cmp-field-message-paddingX: 8px;
   --cmp-textinput-sm-height: 28px;
   --cmp-textinput-sm-paddingX: 12px;
   --cmp-textinput-sm-paddingY: 4px;
@@ -969,7 +995,7 @@
   --cmp-timepicker-selector-section-paddingY: 12px;
   --cmp-timepicker-selector-time-gap: 4px;
   --cmp-timepicker-selector-time-column-gap: 8px;
-  --cmp-timepicker-selector-input-width: 40px;
+  --cmp-timepicker-selector-time-input-width: 40px;
   --cmp-timepicker-selector-colon-size: 16px;
   --cmp-timepicker-selector-range-paddingXY: 24px;
   --cmp-timepicker-selector-range-panelGap: 24px;
@@ -1014,6 +1040,7 @@
   --cmp-badge-orange: #FF6B00;
   --cmp-badge-yellow: #FFC700;
   --cmp-badge-green: #00973C;
+  --cmp-badge-lightblue: #64ABFF;
   --cmp-badge-blue: #0075FF;
   --cmp-badge-darkblue: #006AC1;
   --cmp-badge-indigo: #004290;
@@ -1032,6 +1059,21 @@
   --cmp-tooltip-warning-content: #FF6B00;
   --cmp-tooltip-accent-bg: #E6F1FF;
   --cmp-tooltip-accent-content: #0075FF;
+  --cmp-tooltip-trigger-xxs-size: 16px;
+  --cmp-tooltip-trigger-xxs-icon: 12px;
+  --cmp-tooltip-trigger-xs-size: 24px;
+  --cmp-tooltip-trigger-xs-icon: 16px;
+  --cmp-tooltip-trigger-sm-size: 28px;
+  --cmp-tooltip-trigger-sm-icon: 20px;
+  --cmp-tooltip-trigger-md-size: 36px;
+  --cmp-tooltip-trigger-md-icon: 24px;
+  --cmp-tooltip-trigger-lg-size: 62px;
+  --cmp-tooltip-trigger-lg-icon: 32px;
+  --cmp-tooltip-trigger-radius-sm: 4px;
+  --cmp-tooltip-trigger-radius-md: 6px;
+  --cmp-tooltip-trigger-hover-opacity: 5%;
+  --cmp-tooltip-trigger-hover-bg: #00973C;
+  --cmp-tooltip-trigger-content: #00973C;
   --cmp-popover-radius: 6px;
   --cmp-popover-paddingX: 20px;
   --cmp-popover-paddingY: 16px;
@@ -1221,7 +1263,7 @@
   --cmp-stepper-sequence-border-active: #93C4FF;
   --cmp-stepper-sequence-border-default: #E1E1E1;
   --cmp-stepper-sequence-border-completed: #CCCCCC;
-  --cmp-stepper-sequence-border-witdh: 1px;
+  --cmp-stepper-sequence-border-width: 1px;
   --cmp-stepper-sequence-icon: 12px;
   --cmp-stepper-sequence-bg-active: #D9EAFF;
   --cmp-stepper-sequence-bg-default: #FFFFFF;
@@ -1302,19 +1344,79 @@
   --cmp-gnb-rail-item-radius: 8px;
   --cmp-gnb-rail-item-icon: 24px;
   --cmp-gnb-rail-item-width: 44px;
-  --cmp-expansionItem-title-paddingX: 16px;
-  --cmp-expansionItem-title-paddingY-normal: 8px;
-  --cmp-expansionItem-title-paddingY-dense: 4px;
-  --cmp-expansionItem-title-gap: 12px;
-  --cmp-expansionItem-title-icon: 12px;
-  --cmp-expansionItem-title-border: #E1E1E1;
-  --cmp-expansionItem-title-bg-default: #FFFFFF;
-  --cmp-expansionItem-title-bg-hover: #F9F9F9;
-  --cmp-expansionItem-title-bg-expanded: #EFF6FF;
-  --cmp-expansionItem-title-text-default: #222222;
-  --cmp-expansionItem-title-text-expanded: #005CC9;
-  --cmp-expansionItem-body-bg: #FFFFFF;
-  --cmp-expansionItem-body-padding: 16px;
+  --cmp-listItem-paddingX: 16px;
+  --cmp-listItem-paddingY-normal: 8px;
+  --cmp-listItem-paddingY-dense: 4px;
+  --cmp-listItem-gap: 12px;
+  --cmp-listItem-radius-bordered: 8px;
+  --cmp-listItem-bg-default: #FFFFFF;
+  --cmp-listItem-bg-hover: #F6F6F6;
+  --cmp-listItem-bg-selected: #EFF6FF;
+  --cmp-listItem-bordered-border-selected: #93C4FF;
+  --cmp-listItem-bordered-border-hover: #AAAAAA;
+  --cmp-listItem-border-default: #E1E1E1;
+  --cmp-listItem-border-width-default: 1px;
+  --cmp-listItem-text-default: #222222;
+  --cmp-listItem-text-selected: #0075FF;
+  --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-gap: 12px;
+  --cmp-listExpansionItem-title-icon: 12px;
+  --cmp-listExpansionItem-title-border: #E1E1E1;
+  --cmp-listExpansionItem-title-bg-default: #FFFFFF;
+  --cmp-listExpansionItem-title-bg-hover: #F9F9F9;
+  --cmp-listExpansionItem-title-bg-expanded: #EFF6FF;
+  --cmp-listExpansionItem-title-text-default: #222222;
+  --cmp-listExpansionItem-title-text-expanded: #005CC9;
+  --cmp-listExpansionItem-body-bg: #FFFFFF;
+  --cmp-listExpansionItem-body-padding: 16px;
+  --cmp-listExpansionItem-border-default: #E1E1E1;
+  --cmp-listExpansionItem-border-hover: #AAAAAA;
+  --cmp-listExpansionItem-border-expanded: #93C4FF;
+  --cmp-listExpansionItem-bordered-radius: 8px;
+  --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-gap: 12px;
+  --cmp-listDraggableItem-radius-bordered: 8px;
+  --cmp-listDraggableItem-bg-default: #FFFFFF;
+  --cmp-listDraggableItem-bg-hover: #F6F6F6;
+  --cmp-listDraggableItem-bg-selected: #EFF6FF;
+  --cmp-listDraggableItem-bordered-bg-selected: #EFF6FF;
+  --cmp-listDraggableItem-bordered-border-selected: #93C4FF;
+  --cmp-listDraggableItem-bordered-border-hover: #AAAAAA;
+  --cmp-listDraggableItem-bordered-dragging-bg: #EFF6FF;
+  --cmp-listDraggableItem-bordered-dragging-border-color: #2D8DFF;
+  --cmp-listDraggableItem-bordered-dragging-border-width: 2px;
+  --cmp-listDraggableItem-border-default: #E1E1E1;
+  --cmp-listDraggableItem-border-width-default: 1px;
+  --cmp-listDraggableItem-text-default: #222222;
+  --cmp-listDraggableItem-text-selected: #0075FF;
+  --cmp-listDraggableItem-accentStripe-width: 2px;
+  --cmp-listDraggableItem-accentStripe-color: #64ABFF;
+  --cmp-listDraggableItem-dragging-content-opacity: 60%;
+  --cmp-page-padding: 20px;
+  --cmp-sectionHeaderCard-radius: 8px;
+  --cmp-sectionHeaderCard-border: #E1E1E1;
+  --cmp-sectionHeaderCard-topBorder-thickness: 2px;
+  --cmp-sectionHeaderCard-topBorder-color-accent: #005CC9;
+  --cmp-sectionHeaderCard-topBorder-color-default: #AAAAAA;
+  --cmp-sectionHeaderCard-header-bg: #FFFFFF;
+  --cmp-sectionHeaderCard-header-border: #E1E1E1;
+  --cmp-sectionHeaderCard-header-minHeight: 40px;
+  --cmp-sectionHeaderCard-header-paddingX: 16px;
+  --cmp-sectionHeaderCard-header-paddingY: 4px;
+  --cmp-sectionHeaderCard-header-gap: 8px;
+  --cmp-sectionHeaderCard-title-gap: 4px;
+  --cmp-sectionHeaderCard-title-color: #005CC9;
+  --cmp-sectionHeaderCard-required-icon: 16px;
+  --cmp-sectionHeaderCard-subtitle-color: #555555;
+  --cmp-sectionHeaderCard-body-bg: #FFFFFF;
 }
 
 /* 전역 스크롤바 — overflow(auto/scroll)로 스크롤이 생기는 모든 요소에 SScrollArea 기본 스크롤바를 자동 적용.
@@ -1347,6 +1449,90 @@
 
 /* 타이포그래피 프리셋 */
 @layer components {
+  .typo-heading-sm {
+    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;
+  }
+  .typo-heading-xs {
+    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-heading-md {
+    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: 16px;
+    font-weight: 700;
+    line-height: 26px;
+  }
+  .typo-heading-lg {
+    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: 18px;
+    font-weight: 700;
+    line-height: 30px;
+  }
+  .typo-body-xs-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: 11px;
+    font-weight: 400;
+    line-height: 18px;
+  }
+  .typo-body-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: 400;
+    line-height: 20px;
+  }
+  .typo-body-sm-medium {
+    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-body-sm-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: 12px;
+    font-weight: 700;
+    line-height: 20px;
+  }
+  .typo-body-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: 400;
+    line-height: 24px;
+  }
+  .typo-body-md-medium {
+    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-body-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;
+    line-height: 24px;
+  }
+  .typo-body-lg-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: 16px;
+    font-weight: 400;
+    line-height: 26px;
+  }
+  .typo-body-lg-medium {
+    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: 16px;
+    font-weight: 500;
+    line-height: 26px;
+  }
+  .typo-body-lg-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: 16px;
+    font-weight: 700;
+    line-height: 26px;
+  }
   .typo-control-xs-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;
@@ -1454,24 +1640,6 @@
     line-height: 24px;
     text-decoration: underline;
   }
-  .typo-heading-sm {
-    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;
-  }
-  .typo-heading-md {
-    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: 16px;
-    font-weight: 700;
-    line-height: 26px;
-  }
-  .typo-heading-lg {
-    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: 18px;
-    font-weight: 700;
-    line-height: 30px;
-  }
   .typo-field-xs-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: 11px;
@@ -1598,66 +1766,6 @@
     font-weight: 700;
     line-height: 20px;
   }
-  .typo-body-xs-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: 11px;
-    font-weight: 400;
-    line-height: 18px;
-  }
-  .typo-body-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: 400;
-    line-height: 20px;
-  }
-  .typo-body-sm-medium {
-    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-body-sm-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: 12px;
-    font-weight: 700;
-    line-height: 20px;
-  }
-  .typo-body-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: 400;
-    line-height: 24px;
-  }
-  .typo-body-md-medium {
-    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-body-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;
-    line-height: 24px;
-  }
-  .typo-body-lg-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: 16px;
-    font-weight: 400;
-    line-height: 26px;
-  }
-  .typo-body-lg-medium {
-    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: 16px;
-    font-weight: 500;
-    line-height: 26px;
-  }
-  .typo-body-lg-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: 16px;
-    font-weight: 700;
-    line-height: 26px;
-  }
 }
 
 /* 컴포넌트 공용 애니메이션 (progress 등) */

package/package.json

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