@sellmate/design-system 1.0.77 → 1.0.78

package/dist/cjs/sd-radio-group.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const sdRadioGroupCss = () => `sd-radio{display:inline-flex;width:fit-content;height:var(--sd-radio-line-height);line-height:0}sd-radio .sd-radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--sd-radio-gap);height:var(--sd-radio-line-height);max-height:var(--sd-radio-line-height)}sd-radio .sd-radio>input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}sd-radio .sd-radio>input:focus-visible+.sd-radio__circle{box-shadow:0 0 0 2px white, 0 0 0 4px var(--sd-radio-checked-border);outline:none}sd-radio .sd-radio__circle{position:relative;width:var(--sd-radio-size);height:var(--sd-radio-size);border-radius:50%;border:var(--sd-radio-border-width) solid var(--sd-radio-unchecked-border);box-sizing:border-box;background:var(--sd-radio-unchecked-bg);display:inline-flex;flex-shrink:0}sd-radio .sd-radio__label{font-size:var(--sd-radio-font-size);font-weight:var(--sd-radio-font-weight);color:var(--sd-radio-label-color);line-height:var(--sd-radio-line-height)}sd-radio .sd-radio:hover:not(.sd-radio--disabled) .sd-radio__circle{background:var(--sd-radio-unchecked-bg-hover);border-color:var(--sd-radio-unchecked-border-hover)}sd-radio .sd-radio--checked .sd-radio__circle{border-color:var(--sd-radio-checked-border)}sd-radio .sd-radio--checked .sd-radio__circle::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--sd-radio-dot-size);height:var(--sd-radio-dot-size);border-radius:50%;background:var(--sd-radio-checked-dot)}sd-radio .sd-radio--disabled{cursor:not-allowed}sd-radio .sd-radio--disabled .sd-radio__circle{background:var(--sd-radio-disabled-bg);border-color:var(--sd-radio-disabled-border)}sd-radio .sd-radio--disabled.sd-radio--checked .sd-radio__circle::after{background:var(--sd-radio-disabled-dot)}sd-radio-group{display:inline-block}sd-radio-group .sd-radio-group{display:flex}sd-radio-group .sd-radio-group--vertical{flex-direction:column;gap:8px}sd-radio-group .sd-radio-group--horizontal{flex-direction:row;align-items:center;gap:20px}`;
 

package/dist/cjs/sd-radio.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const radio = {
 	size: "16",

package/dist/cjs/sd-select-list-item_4.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const select = {
 	paddingX: "12",

package/dist/cjs/sd-switch.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 var switchTokens = {
 	"switch": {

package/dist/cjs/sd-table.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 var constants = require('./constants-DJRV1upE.js');
-var sdTable_config = require('./sd-table.config-hnNodd18.js');
-require('./system-DRemSdU1.js');
+var sdTable_config = require('./sd-table.config-Cb0Ot3C6.js');
+require('./system-DpTN1vBC.js');
 
 const urlAlphabet =
   'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
@@ -85,6 +85,36 @@ const SdTable = class {
     onScroll;
     // 키: `${rowKey}::${field}` → { rowspan, colspan }
     spanRegistry = new Map();
+    // 키: `${rowKey}::${field}` → sd-td의 sdClass 문자열
+    // sd-tr가 td를 그릴 때 머지해서 셀-단위 커스텀 클래스를 적용한다.
+    cellClassRegistry = new Map();
+    // rowKey 문자열 → rows 배열에서의 visual index.
+    // rowspan 위쪽 행 스캔에서 "내 위에 있느냐"를 판정하기 위한 시각적 순서 소스.
+    // rows prop이 있으면 채워지고, 없으면 비어 있어 Number(rowKey) fallback이 사용된다.
+    rowIndexMap = new Map();
+    rebuildRowIndexMap() {
+        this.rowIndexMap.clear();
+        if (!Array.isArray(this.rows))
+            return;
+        const field = this.rowKey;
+        this.rows.forEach((r, i) => {
+            const k = r?.[field];
+            if (k == null)
+                return;
+            this.rowIndexMap.set(String(k), i);
+        });
+    }
+    // rowKey의 시각적 행 인덱스를 돌려준다.
+    // 1) rows 기반 맵에 있으면 그 값 (임의 문자열 rowKey 지원)
+    // 2) 없으면 Number(rowKey) fallback (rows prop 없이 슬롯-온리 + 숫자 rowKey 사용 패턴)
+    // 3) 둘 다 안 되면 null — rowspan 평가 스킵
+    resolveRowIndex(rowKey) {
+        const fromMap = this.rowIndexMap.get(rowKey);
+        if (fromMap !== undefined)
+            return fromMap;
+        const n = Number(rowKey);
+        return Number.isFinite(n) ? n : null;
+    }
     toFiniteNumber(value, fallback) {
         const n = typeof value === 'number' ? value : Number(value);
         return Number.isFinite(n) ? n : fallback;
@@ -131,10 +161,14 @@ const SdTable = class {
         if (!Array.isArray(newRows))
             return;
         this.rowCount = newRows.length;
+        this.rebuildRowIndexMap();
         if (this.useVirtualScroll)
             this.propagateVirtualUpdate(true);
         this.pushRowsToChildren(newRows);
     }
+    handleRowKeyChange() {
+        this.rebuildRowIndexMap();
+    }
     handleTableIdChange() {
         this.syncTableIdAttribute();
     }
@@ -175,6 +209,7 @@ const SdTable = class {
         this.detectChildren();
         this.innerSelected = new Set(this.selected || []);
         this.columnWidths = (this.columns || []).map(c => parseInt(c.width || '120', 10));
+        this.rebuildRowIndexMap();
         if (this.pagination?.page) {
             this.currentPage = this.pagination.page;
         }
@@ -200,6 +235,9 @@ const SdTable = class {
         el.getSpanSync = this.getSpanSync.bind(this);
         el.isCoveredSync = this.isCoveredSync.bind(this);
         el.hasRowspanSync = this.hasRowspanSync.bind(this);
+        el.registerCellClassSync = this.registerCellClassSync.bind(this);
+        el.unregisterCellClassSync = this.unregisterCellClassSync.bind(this);
+        el.getCellClassSync = this.getCellClassSync.bind(this);
         if (Array.isArray(this.rows)) {
             this.rowCount = this.rows.length;
             this.pushRowsToChildren(this.rows);
@@ -535,6 +573,28 @@ const SdTable = class {
     getSpanSync(rowKey, field) {
         return this.spanRegistry.get(this.spanKey(rowKey, field));
     }
+    // sd-td의 sdClass 등록. 빈/공백만 있는 값은 해제로 취급.
+    // span과 달리 다른 셀에 영향이 없으므로 형제 sd-tr 전체를 재렌더하지 않고,
+    // sd-td 쪽에서 자기 부모 tr만 bumpSpansVersion으로 새로 그린다.
+    registerCellClassSync(rowKey, field, cls) {
+        if (rowKey == null || !field)
+            return;
+        const key = this.spanKey(rowKey, field);
+        const safe = (cls ?? '').trim();
+        if (!safe) {
+            this.cellClassRegistry.delete(key);
+            return;
+        }
+        this.cellClassRegistry.set(key, safe);
+    }
+    unregisterCellClassSync(rowKey, field) {
+        if (rowKey == null || !field)
+            return;
+        this.cellClassRegistry.delete(this.spanKey(rowKey, field));
+    }
+    getCellClassSync(rowKey, field) {
+        return this.cellClassRegistry.get(this.spanKey(rowKey, field));
+    }
     // 레지스트리에 rowspan>1 항목이 하나라도 있으면 true.
     // hover 동작을 끌지 결정하는 데 사용 — colspan만 있는 경우는 그대로 hover 유지.
     hasRowspanSync() {
@@ -560,9 +620,11 @@ const SdTable = class {
             if (i + span.colspan > colIdx)
                 return true;
         }
-        // 2. 위쪽 행 스캔 — 숫자 변환 가능한 rowKey만 rowspan 평가
-        const myRowIdx = Number(rowKey);
-        if (!Number.isFinite(myRowIdx))
+        // 2. 위쪽 행 스캔 — rows 기반 visual index로 "내 위에 있느냐" 판정
+        //    rows prop이 있으면 rowIndexMap로 임의 문자열 rowKey 지원,
+        //    없으면 Number(rowKey) fallback (resolveRowIndex가 처리)
+        const myRowIdx = this.resolveRowIndex(rowKey);
+        if (myRowIdx == null)
             return false;
         for (const [key, span] of this.spanRegistry) {
             if (span.rowspan <= 1)
@@ -572,8 +634,8 @@ const SdTable = class {
                 continue;
             const otherRowKey = key.slice(0, sepIdx);
             const otherField = key.slice(sepIdx + 2);
-            const otherRowIdx = Number(otherRowKey);
-            if (!Number.isFinite(otherRowIdx))
+            const otherRowIdx = this.resolveRowIndex(otherRowKey);
+            if (otherRowIdx == null)
                 continue;
             if (otherRowIdx >= myRowIdx)
                 continue;
@@ -677,24 +739,24 @@ const SdTable = class {
             '--table-body-line-height': `${sdTable_config.TABLE_BODY_TYPOGRAPHY.lineHeight}px`,
             '--table-body-text-decoration': sdTable_config.TABLE_BODY_TYPOGRAPHY.textDecoration,
         };
-        return (index.h(index.Host, { key: '1a80b7c3589a8a2eefaabf24ed895c927543aac4', style: hostStyle }, index.h("div", { key: 'd97aa6c04948153671e26066b6df02e206fc35e6', class: "sd-table__container", style: {
+        return (index.h(index.Host, { key: 'c20a7cc6d5917c9d09c699f2c40ac2b6d07747e1', style: hostStyle }, index.h("div", { key: '94f76e75da5c6ff9d0ef93b6c2aa3def4ec1766e', class: "sd-table__container", style: {
                 '--table-width': this.width,
                 '--table-height': this.height,
                 '--table-container-height': `calc(${this.height || '100%'} - ${this.pagination && this.rowCount > 0 && !this.useVirtualScroll ? 48 : 0}px)`,
-            } }, index.h("div", { key: '0e13dbbe062953c93a0acaaf5c00ca40a5b7e245', class: {
+            } }, index.h("div", { key: '3b98c828c7dc42de3d4f9bb645279b20d9079ac4', class: {
                 'sd-table__clip': true,
                 'sd-table__clip--has-pagination': !!(this.pagination &&
                     this.pagination.rowsPerPage > 0 &&
                     this.rowCount > 0 &&
                     !this.useVirtualScroll),
-            } }, index.h("div", { key: 'c800ecac543d1540d9b6c9faf06753c9dc10aaf3', class: {
+            } }, index.h("div", { key: 'b6d04ec953d7b75fb8ad8bc32e2662550d38c5c7', class: {
                 'sd-table__wrapper': true,
                 'sd-table__wrapper--loading': this.isLoading,
                 'sd-table__wrapper--no-data': this.rowCount === 0 && !this.isLoading,
-            } }, this.isLoading && (index.h("div", { key: '656bc53538c8513e014f31f1e976fd66ce79c7aa', class: "sd-table__loading", style: { top: `${this.loadingScrollTop}px` } }, index.h("sd-circle-progress", { key: '74078add6860fc95e238d89335d57e205e751cd6', indeterminate: true }))), this.rowCount === 0 && !this.isLoading && (index.h("div", { key: '18a33a7247bde3d08472f8082325c76217734e5d', class: "sd-table__no-data" }, index.h("slot", { key: '966cb066f721695013a3e5a1a64543544b09fa77', name: "no-data" }, index.h("span", { key: 'd335a9b1b2e847b267cefb9d12f7265c5f67f394' }, this.resolvedNoDataLabel)))), index.h("table", { key: '8fd0a2428bfd4dd6a574bbb02139088c31408866', class: this.tableClasses }, this.autoThead ? (index.h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange }, index.h("sd-thead", { rows: this.rows ?? [] }))) : (index.h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange })), this.autoTbody ? (index.h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }, index.h("sd-tbody", { rows: this.rows ?? [] }, this.renderAutoRows()))) : (index.h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }))))), this.pagination &&
+            } }, this.isLoading && (index.h("div", { key: '3050275c7ecde0aeda3ec881257be4334ebd06fc', class: "sd-table__loading", style: { top: `${this.loadingScrollTop}px` } }, index.h("sd-circle-progress", { key: '7a26c4365e4e28a5ebce1c35bb52a302440542f7', indeterminate: true }))), this.rowCount === 0 && !this.isLoading && (index.h("div", { key: '31442f92321eb4aaf5c36c5995a1c25d8069b6ea', class: "sd-table__no-data" }, index.h("slot", { key: '42f3208fb1c86d118f50e8b1974bff3ede253032', name: "no-data" }, index.h("span", { key: 'ce7368c64b3502eee2fae7a28e0508d4d1622c25' }, this.resolvedNoDataLabel)))), index.h("table", { key: '170203f34b4bb11fce0a064622265d093ccbab2a', class: this.tableClasses }, this.autoThead ? (index.h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange }, index.h("sd-thead", { rows: this.rows ?? [] }))) : (index.h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange })), this.autoTbody ? (index.h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }, index.h("sd-tbody", { rows: this.rows ?? [] }, this.renderAutoRows()))) : (index.h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }))))), this.pagination &&
             this.pagination.rowsPerPage > 0 &&
             this.rowCount > 0 &&
-            !this.useVirtualScroll && (index.h("div", { key: '6f483b1a23456bbe42ff769a50c9de5638e7754f', class: "sd-table__pagination" }, index.h("sd-pagination", { key: '841c545c23de8b4bba4cce3c9f6608d16f7b4e54', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (index.h("sd-select", { key: 'a67e17bf3067953169ffa119ee41b1d7f46c2058', value: this.useInternalPagination
+            !this.useVirtualScroll && (index.h("div", { key: 'cfbd5ee8e706c9ef7a2b6a4be8901b7aae47249e', class: "sd-table__pagination" }, index.h("sd-pagination", { key: '57dad16199d9145fcec0c5ed46beeeac1f08af02', currentPage: !this.useInternalPagination ? this.pagination.page : this.currentPage, lastPage: !this.useInternalPagination ? this.pagination.lastPage : this.lastPageNumber, onSdPageChange: (e) => this.changePage(e.detail) }), this.useRowsPerPageSelect && (index.h("sd-select", { key: '1314e296ba913600436045b4af54eb0bc1d95d0d', value: this.useInternalPagination
                 ? this.innerRowsPerPage
                 : this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", emitValue: true, onSdUpdate: e => {
                 if (!this.isRowsPerPageValue(e.detail))
@@ -715,6 +777,9 @@ const SdTable = class {
         "rows": [{
                 "handleRowsChange": 0
             }],
+        "rowKey": [{
+                "handleRowKeyChange": 0
+            }],
         "tableId": [{
                 "handleTableIdChange": 0
             }],

package/dist/cjs/{sd-table.config-hnNodd18.js → sd-table.config-Cb0Ot3C6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var system = require('./system-DRemSdU1.js');
+var system = require('./system-DpTN1vBC.js');
 
 const table = {
 	header: {

package/dist/cjs/sd-tabs.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const tab = {
 	main: {

package/dist/cjs/sd-tag.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const tag = {
 	xs: {

package/dist/cjs/sd-td.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 var constants = require('./constants-DJRV1upE.js');
 
 const sdTdCss = () => `sd-td *{box-sizing:border-box}sd-td{display:contents}sd-td.align-left{text-align:left}sd-td.align-center{text-align:center}sd-td.align-right{text-align:right}`;
@@ -15,20 +15,30 @@ const SdTd = class {
     align;
     rowspan;
     colspan;
-    handleFieldChange() {
+    // sd-tr가 그리는 실제 <td>에 머지될 사용자 클래스.
+    // <sd-td> 호스트는 display:contents라 호스트의 class는 시각 효과가 없기 때문에,
+    // 이 prop을 통해 sd-table 레지스트리에 등록 → sd-tr가 td 렌더 시 합쳐 사용한다.
+    sdClass;
+    handleFieldChange(_newField, oldField) {
         this.syncSlotName();
         this.syncSpanRegistration();
+        this.syncCellClassRegistration(oldField);
     }
-    handleRowKeyChange() {
+    handleRowKeyChange(_newKey, oldKey) {
         this.syncSlotName();
         this.syncSpanRegistration();
+        this.syncCellClassRegistration(undefined, oldKey);
     }
     handleSpanChange() {
         this.syncSpanRegistration();
     }
+    handleSdClassChange() {
+        this.syncCellClassRegistration();
+    }
     componentWillLoad() {
         this.syncSlotName();
         this.syncSpanRegistration();
+        this.syncCellClassRegistration();
         // slot 타이밍 엇갈림 대응: 부모 sd-tr forceUpdate로 슬롯 재매칭
         const parentTr = this.el.parentElement;
         if (parentTr?.tagName?.toLowerCase() === 'sd-tr') {
@@ -38,17 +48,20 @@ const SdTd = class {
     componentDidLoad() {
         this.syncSlotName();
         this.syncSpanRegistration();
+        this.syncCellClassRegistration();
     }
     // React StrictMode에서는 disconnect/reconnect 사이클이 일어나면서
     // 동일 인스턴스의 componentWillLoad는 더 이상 호출되지 않는다.
     // 재연결 시점에도 등록 상태를 복구해야 rowspan/colspan이 유지된다.
     connectedCallback() {
         this.syncSpanRegistration();
+        this.syncCellClassRegistration();
     }
     disconnectedCallback() {
         const table = this.findTable();
-        if (table?.unregisterSpanSync && this.field && this.rowKey != null) {
-            table.unregisterSpanSync(String(this.rowKey), this.field);
+        if (table && this.field && this.rowKey != null) {
+            table.unregisterSpanSync?.(String(this.rowKey), this.field);
+            table.unregisterCellClassSync?.(String(this.rowKey), this.field);
             this.requestParentTrUpdate();
         }
     }
@@ -76,6 +89,21 @@ const SdTd = class {
         table.registerSpanSync(String(this.rowKey), this.field, rs, cs);
         this.requestParentTrUpdate();
     }
+    // field/rowKey가 바뀌면 이전 키에 등록된 클래스가 남으므로 먼저 해제하고 새 키로 등록한다.
+    syncCellClassRegistration(prevField, prevRowKey) {
+        const table = this.findTable();
+        if (!table)
+            return;
+        const oldField = prevField ?? this.field;
+        const oldRowKey = prevRowKey ?? (this.rowKey != null ? String(this.rowKey) : undefined);
+        if (oldField && oldRowKey != null) {
+            table.unregisterCellClassSync?.(oldRowKey, oldField);
+        }
+        if (!table.registerCellClassSync || !this.field || this.rowKey == null)
+            return;
+        table.registerCellClassSync(String(this.rowKey), this.field, this.sdClass);
+        this.requestParentTrUpdate();
+    }
     syncSlotName() {
         const table = this.el.closest('sd-table');
         const fromMethod = table?.getTableIdSync?.();
@@ -88,7 +116,7 @@ const SdTd = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '1702396f538453cf26beb81b63926ea73b7baa89', class: { [`align-${this.align}`]: Boolean(this.align) } }, index.h("slot", { key: 'bd04afefd83178f48eb93b4e7d189386a817ff72' })));
+        return (index.h(index.Host, { key: '84ce2fe2ea8ccb3eaf09e4d2559fc917bdb1077a', class: { [`align-${this.align}`]: Boolean(this.align) } }, index.h("slot", { key: '9b8164a2eac53b927bf59638cb53c35998a75cfe' })));
     }
     static get watchers() { return {
         "field": [{
@@ -102,6 +130,9 @@ const SdTd = class {
             }],
         "colspan": [{
                 "handleSpanChange": 0
+            }],
+        "sdClass": [{
+                "handleSdClassChange": 0
             }]
     }; }
 };

package/dist/cjs/sd-text-link.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const textLink = {
 	gap: "4",

package/dist/cjs/sd-textarea.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 var index$1 = require('./index-BUvXpPc3.js');
 var component_textinput = require('./component.textinput-BpXDeZPD.js');
 

package/dist/cjs/sd-toast-container.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const DEFAULT_DURATION = 4000;
 const DEFAULT_MAX_VISIBLE = 3;

package/dist/cjs/sd-toast.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const toast = {
 	icon: "16",
@@ -23,8 +23,7 @@ const toast = {
 	accent: {
 		bg: "#005CC9",
 		content: "#FFFFFF"
-	}
-};
+	}};
 var toastTokens = {
 	toast: toast
 };

package/dist/cjs/sd-toggle.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const toggle = {
 	height: "28",

package/dist/cjs/{system-DRemSdU1.js → system-DpTN1vBC.js}

@@ -4,7 +4,7 @@ const color = {
 	bg: {
 		accent: {
 			"default": "#0075FF"}},
-	content: {
+	fg: {
 		primary: "#222222",
 		secondary: "#555555",
 		tertiary: "#888888",

package/dist/cjs/{tooltipArrow-BEff0q3z.js → tooltipArrow-D1-wcNm1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaGGRpd8.js');
+var index = require('./index--F2wGuAi.js');
 
 const TooltipArrow = (props) => (index.h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, index.h("path", { d: "M8.83205 10.7519C8.43623 11.3457 7.56377 11.3457 7.16795 10.7519L1.04907e-06 -1.39876e-06L16 0L8.83205 10.7519Z", fill: "currentColor" })));
 

package/dist/collection/components/sd-circle-progress/sd-circle-progress.config.js

@@ -2,7 +2,7 @@ import spinnerTokens from "../../tokens/generated/component.spinner.json";
 import progressTokens from "../../tokens/generated/component.progress.json";
 import systemTokens from "../../tokens/generated/system.json";
 export const CIRCLE_PROGRESS_LABEL_COLOR = progressTokens.progress.color.label;
-export const CIRCLE_PROGRESS_PERCENT_ZERO_COLOR = systemTokens.color.content.tertiary;
+export const CIRCLE_PROGRESS_PERCENT_ZERO_COLOR = systemTokens.color.fg.tertiary;
 // TODO: error/complete 색상 및 inverse 흰색은 토큰 반영 후 교체
 export const CIRCLE_PROGRESS_COLOR_MAP = {
     primary: {

package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.config.js

@@ -14,9 +14,9 @@ export const PRESET_DIVIDER_COLORS = {
     danger: buttonTokens.button.danger.strong.dropdown.divider,
     danger_outline: PRESET_BORDER_COLORS.danger_outline,
 };
-const MENU_ITEM_COLOR = systemTokens.color.content.secondary;
+const MENU_ITEM_COLOR = systemTokens.color.fg.secondary;
 const MENU_ITEM_ACTIVE_BACKGROUND = systemTokens.color.bg.accent.default;
-const MENU_ITEM_ACTIVE_COLOR = systemTokens.color.content.inverse;
+const MENU_ITEM_ACTIVE_COLOR = systemTokens.color.fg.inverse;
 export const PRESET_MENU_ITEM_COLORS = {
     primary: MENU_ITEM_COLOR,
     secondary: MENU_ITEM_COLOR,

package/dist/collection/components/sd-guide/sd-guide.config.js

@@ -1,7 +1,7 @@
 import guideTokens from "../../tokens/generated/component.guide.json";
 import systemTokens from "../../tokens/generated/system.json";
 const { button, contents, gap } = guideTokens.guide;
-const NOTION_ICON_COLOR = systemTokens.color.content.primary;
+const NOTION_ICON_COLOR = systemTokens.color.fg.primary;
 export const GUIDE_CONFIG = {
     gap: `${gap}px`,
     button: {

package/dist/collection/components/sd-linear-progress/sd-linear-progress.config.js

@@ -13,7 +13,7 @@ export const LINEAR_PROGRESS_COLORS = {
     track: progressTokens.progress.color.track,
     label: progressTokens.progress.color.label,
     valueOnFill: progressTokens.progress.bar.text,
-    valueZero: systemTokens.color.content.tertiary,
+    valueZero: systemTokens.color.fg.tertiary,
 };
 export const LINEAR_PROGRESS_FILL_COLOR_MAP = {
     primary: progressTokens.progress.active.color,

package/dist/collection/components/sd-table/sd-table.config.js

@@ -65,8 +65,7 @@ export const TABLE_BAR_COLORS = {
 // ── KeyValue Tokens ──
 export const TABLE_KEY_VALUE = {
     bodyPadding: tableTokens.table.keyValue.body.padding,
-    // TODO: 오타 수정 요청 후 변경
-    height: tableTokens.table.keyVlaue.height,
+    height: tableTokens.table.keyValue.height,
 };
 // ── Header Icon Color Defaults ──
 const ICON_DEFAULT_COLOR = {