@sellmate/design-system 1.0.77 → 1.0.78

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, a as getElement, d as readTask, f as forceUpdate, h, H as Host } from './index-Cnwbjz1F.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.js';
-import { T as TABLE_BODY_TYPOGRAPHY, a as TABLE_BORDER, b as TABLE_RADIUS } from './sd-table.config-DKkzCQwJ.js';
-import './system-CZxeqYuw.js';
+import { T as TABLE_BODY_TYPOGRAPHY, a as TABLE_BORDER, b as TABLE_RADIUS } from './sd-table.config-Bj-EEo7N.js';
+import './system-CZ4ltUOw.js';
 
 const urlAlphabet =
   'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
@@ -83,6 +83,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;
@@ -129,10 +159,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();
     }
@@ -173,6 +207,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;
         }
@@ -198,6 +233,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);
@@ -533,6 +571,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() {
@@ -558,9 +618,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)
@@ -570,8 +632,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;
@@ -675,24 +737,24 @@ const SdTable = class {
             '--table-body-line-height': `${TABLE_BODY_TYPOGRAPHY.lineHeight}px`,
             '--table-body-text-decoration': TABLE_BODY_TYPOGRAPHY.textDecoration,
         };
-        return (h(Host, { key: '1a80b7c3589a8a2eefaabf24ed895c927543aac4', style: hostStyle }, h("div", { key: 'd97aa6c04948153671e26066b6df02e206fc35e6', class: "sd-table__container", style: {
+        return (h(Host, { key: 'c20a7cc6d5917c9d09c699f2c40ac2b6d07747e1', style: hostStyle }, 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)`,
-            } }, h("div", { key: '0e13dbbe062953c93a0acaaf5c00ca40a5b7e245', class: {
+            } }, 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),
-            } }, h("div", { key: 'c800ecac543d1540d9b6c9faf06753c9dc10aaf3', class: {
+            } }, 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 && (h("div", { key: '656bc53538c8513e014f31f1e976fd66ce79c7aa', class: "sd-table__loading", style: { top: `${this.loadingScrollTop}px` } }, h("sd-circle-progress", { key: '74078add6860fc95e238d89335d57e205e751cd6', indeterminate: true }))), this.rowCount === 0 && !this.isLoading && (h("div", { key: '18a33a7247bde3d08472f8082325c76217734e5d', class: "sd-table__no-data" }, h("slot", { key: '966cb066f721695013a3e5a1a64543544b09fa77', name: "no-data" }, h("span", { key: 'd335a9b1b2e847b267cefb9d12f7265c5f67f394' }, this.resolvedNoDataLabel)))), h("table", { key: '8fd0a2428bfd4dd6a574bbb02139088c31408866', class: this.tableClasses }, this.autoThead ? (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange }, h("sd-thead", { rows: this.rows ?? [] }))) : (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange })), this.autoTbody ? (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }, h("sd-tbody", { rows: this.rows ?? [] }, this.renderAutoRows()))) : (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }))))), this.pagination &&
+            } }, this.isLoading && (h("div", { key: '3050275c7ecde0aeda3ec881257be4334ebd06fc', class: "sd-table__loading", style: { top: `${this.loadingScrollTop}px` } }, h("sd-circle-progress", { key: '7a26c4365e4e28a5ebce1c35bb52a302440542f7', indeterminate: true }))), this.rowCount === 0 && !this.isLoading && (h("div", { key: '31442f92321eb4aaf5c36c5995a1c25d8069b6ea', class: "sd-table__no-data" }, h("slot", { key: '42f3208fb1c86d118f50e8b1974bff3ede253032', name: "no-data" }, h("span", { key: 'ce7368c64b3502eee2fae7a28e0508d4d1622c25' }, this.resolvedNoDataLabel)))), h("table", { key: '170203f34b4bb11fce0a064622265d093ccbab2a', class: this.tableClasses }, this.autoThead ? (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange }, h("sd-thead", { rows: this.rows ?? [] }))) : (h("slot", { name: `${resolvedTableId}-head`, onSlotchange: this.handleStructureSlotChange })), this.autoTbody ? (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }, h("sd-tbody", { rows: this.rows ?? [] }, this.renderAutoRows()))) : (h("slot", { name: `${resolvedTableId}-body`, onSlotchange: this.handleStructureSlotChange }))))), this.pagination &&
             this.pagination.rowsPerPage > 0 &&
             this.rowCount > 0 &&
-            !this.useVirtualScroll && (h("div", { key: '6f483b1a23456bbe42ff769a50c9de5638e7754f', class: "sd-table__pagination" }, 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 && (h("sd-select", { key: 'a67e17bf3067953169ffa119ee41b1d7f46c2058', value: this.useInternalPagination
+            !this.useVirtualScroll && (h("div", { key: 'cfbd5ee8e706c9ef7a2b6a4be8901b7aae47249e', class: "sd-table__pagination" }, 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 && (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))
@@ -713,6 +775,9 @@ const SdTable = class {
         "rows": [{
                 "handleRowsChange": 0
             }],
+        "rowKey": [{
+                "handleRowKeyChange": 0
+            }],
         "tableId": [{
                 "handleTableIdChange": 0
             }],

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, h } from './index-Cnwbjz1F.js';
 
 const tab = {
 	main: {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, h } from './index-Cnwbjz1F.js';
 
 const tag = {
 	xs: {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-BHmXH7dZ.js';
+import { r as registerInstance, a as getElement, f as forceUpdate, h, H as Host } from './index-Cnwbjz1F.js';
 import { T as TABLE_ID_ATTR } from './constants-sZMi_32I.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}`;
@@ -13,20 +13,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') {
@@ -36,17 +46,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();
         }
     }
@@ -74,6 +87,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?.();
@@ -86,7 +114,7 @@ const SdTd = class {
         }
     }
     render() {
-        return (h(Host, { key: '1702396f538453cf26beb81b63926ea73b7baa89', class: { [`align-${this.align}`]: Boolean(this.align) } }, h("slot", { key: 'bd04afefd83178f48eb93b4e7d189386a817ff72' })));
+        return (h(Host, { key: '84ce2fe2ea8ccb3eaf09e4d2559fc917bdb1077a', class: { [`align-${this.align}`]: Boolean(this.align) } }, h("slot", { key: '9b8164a2eac53b927bf59638cb53c35998a75cfe' })));
     }
     static get watchers() { return {
         "field": [{
@@ -100,6 +128,9 @@ const SdTd = class {
             }],
         "colspan": [{
                 "handleSpanChange": 0
+            }],
+        "sdClass": [{
+                "handleSdClassChange": 0
             }]
     }; }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, h } from './index-Cnwbjz1F.js';
 
 const textLink = {
 	gap: "4",

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Cnwbjz1F.js';
 import { n as nanoid } from './index-CCwNgVmC.js';
 import { i as inputTokens } from './component.textinput-ByhWX2NK.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, a as getElement, h } from './index-Cnwbjz1F.js';
 
 const DEFAULT_DURATION = 4000;
 const DEFAULT_MAX_VISIBLE = 3;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, h } from './index-Cnwbjz1F.js';
 
 const toast = {
 	icon: "16",
@@ -21,8 +21,7 @@ const toast = {
 	accent: {
 		bg: "#005CC9",
 		content: "#FFFFFF"
-	}
-};
+	}};
 var toastTokens = {
 	toast: toast
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BHmXH7dZ.js';
+import { r as registerInstance, c as createEvent, h } from './index-Cnwbjz1F.js';
 
 const toggle = {
 	height: "28",

package/dist/esm/{system-CZxeqYuw.js → system-CZ4ltUOw.js}

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

package/dist/esm/{tooltipArrow-DZ-N5HBq.js → tooltipArrow-D8sr81Xw.js}

@@ -1,4 +1,4 @@
-import { h } from './index-BHmXH7dZ.js';
+import { h } from './index-Cnwbjz1F.js';
 
 const TooltipArrow = (props) => (h("svg", { width: "16", height: "12", viewBox: "0 0 16 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, 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/types/components/sd-table/sd-table.d.ts

@@ -55,6 +55,10 @@ export declare class SdTable {
     private scrollContainer;
     private onScroll?;
     private spanRegistry;
+    private cellClassRegistry;
+    private rowIndexMap;
+    private rebuildRowIndexMap;
+    private resolveRowIndex;
     private toFiniteNumber;
     private isRowsPerPageValue;
     private isValidTableId;
@@ -64,6 +68,7 @@ export declare class SdTable {
     handleUseVirtualScrollChange(newVal: boolean): void;
     handleColumnsChange(newCols: SdTableColumn[]): void;
     handleRowsChange(newRows?: Row[]): void;
+    handleRowKeyChange(): void;
     handleTableIdChange(): void;
     handleNoDataLabelChange(newLabel?: string): void;
     handleConfigChange(): void;
@@ -125,6 +130,9 @@ export declare class SdTable {
         rowspan: number;
         colspan: number;
     } | undefined;
+    registerCellClassSync(rowKey: string, field: string, cls: string | undefined | null): void;
+    unregisterCellClassSync(rowKey: string, field: string): void;
+    getCellClassSync(rowKey: string, field: string): string | undefined;
     hasRowspanSync(): boolean;
     isCoveredSync(rowKey: string, colIdx: number, columns: SdTableColumn[]): boolean;
     setRowCountSync(count: number): void;

package/dist/types/components/sd-table/sd-td/sd-td.d.ts

@@ -5,9 +5,11 @@ export declare class SdTd {
     align?: 'left' | 'center' | 'right';
     rowspan?: number;
     colspan?: number;
-    handleFieldChange(): void;
-    handleRowKeyChange(): void;
+    sdClass?: string;
+    handleFieldChange(_newField: string, oldField: string): void;
+    handleRowKeyChange(_newKey: string, oldKey: string): void;
     handleSpanChange(): void;
+    handleSdClassChange(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     connectedCallback(): void;
@@ -15,6 +17,7 @@ export declare class SdTd {
     private findTable;
     private requestParentTrUpdate;
     private syncSpanRegistration;
+    private syncCellClassRegistration;
     private syncSlotName;
     render(): any;
 }

package/dist/types/components/sd-table/sd-tr/sd-tr.d.ts

@@ -34,5 +34,6 @@ export declare class SdTr {
     private handleSelect;
     private getSpanFor;
     private isCovered;
+    private getCellClassFor;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -1639,6 +1639,7 @@ export namespace Components {
         "field": string;
         "rowKey": string;
         "rowspan"?: number;
+        "sdClass"?: string;
     }
     interface SdTextLink {
         /**
@@ -4555,6 +4556,7 @@ declare namespace LocalJSX {
         "field": string;
         "rowKey": string;
         "rowspan"?: number;
+        "sdClass"?: string;
     }
     interface SdTextLink {
         /**
@@ -5241,6 +5243,7 @@ declare namespace LocalJSX {
         "align": 'left' | 'center' | 'right';
         "rowspan": number;
         "colspan": number;
+        "sdClass": string;
     }
     interface SdTextLinkAttributes {
         "label": string;