@sellmate/design-system 1.20.1 → 1.21.0

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

@@ -3,15 +3,25 @@ import { TABLE_ID_ATTR, } from "../constants";
 import { resolveTableIconColor, resolveSortIconName, TABLE_HEADER_LAYOUT, TABLE_HEADER_TYPOGRAPHY, TABLE_HEADER_COLORS, TABLE_HEADER_RESIZING_BAR, TABLE_BORDER, TABLE_SELECTABLE_COLUMN_WIDTH, } from "../sd-table.config";
 export class SdThead {
     el;
+    /** 테이블 컬럼 목록 */
     columns;
+    /** 행 선택 기능 사용 여부 */
     selectable;
+    /** 컬럼 너비 조절 가능 여부 */
     resizable;
+    /** 고정 컬럼 설정 */
     stickyColumn;
+    /** 헤더 고정 여부 */
     stickyHeader;
+    /** 좌측 스크롤 여부 */
     scrolledLeft;
+    /** 우측 스크롤 여부 */
     scrolledRight;
+    /** 전체 선택 체크박스용 행 데이터 */
     rows = [];
+    /** 컬럼 너비 목록 */
     columnWidths = [];
+    /** 컬럼 정렬 버튼 클릭 시 발생합니다. */
     sdColumnSort;
     tableId = '';
     _columns = [];
@@ -77,12 +87,15 @@ export class SdThead {
             this.columnWidths = [];
         }
     }
+    /** 테이블 설정을 다시 불러옵니다. */
     async refreshConfig() {
         this.resolveConfig();
     }
+    /** 컬럼 너비를 업데이트합니다. */
     async setColumnWidths(widths) {
         this.columnWidths = Array.isArray(widths) ? widths : [];
     }
+    /** 전체 선택 체크박스 상태를 갱신합니다. */
     async refreshSelection() {
         const checkbox = this.el.querySelector('sd-checkbox');
         if (checkbox) {
@@ -158,16 +171,16 @@ export class SdThead {
             '--table-border-color': TABLE_BORDER.color,
             '--table-border-width': `${TABLE_BORDER.width}px`,
         };
-        return (h(Host, { key: 'c25f6f9704c079d4cb93da7e65c8c15b6dedcb67', slot: `${this.tableId}-head`, style: headStyle }, h("thead", { key: 'd91019378caafa2ec32dfa838eaa4d1fe815fb0d', class: {
+        return (h(Host, { key: '26981191de95775401cad61e80fbf1e22cb0250b', slot: `${this.tableId}-head`, style: headStyle }, h("thead", { key: 'a53d430f1b71a45b98de2912b563d3f17cd20b24', class: {
                 'thead': true,
                 'thead--sticky': this._stickyHeader,
-            } }, h("tr", { key: '84e581f5c564693d356f56525f57d6b1da211442', class: "tr" }, this._selectable && (h("th", { key: 'fb92e978229c32d560f46af4e90e0980c9c0a213', class: {
+            } }, h("tr", { key: '27ce13b70bfda4b210b36eb746fb60d369d9f5be', class: "tr" }, this._selectable && (h("th", { key: 'e353b00c7a02b82781e5107b1fd73dc556427edf', class: {
                 'th': true,
                 'th--selected': true,
                 'sticky-left': true,
                 'sticky-left-edge': stickyLeftCount === 0,
                 'is-scrolled-left': stickyLeftCount === 0 && this._scrolledLeft,
-            }, style: { '--sticky-left-offset': '0px' } }, h("sd-checkbox", { key: '157f59b56a4ef2a8529318c8beaf6f59b91e12f0', value: this.getIsAllChecked(), disabled: safeRows.length === 0, onSdUpdate: (e) => this.handleSelectAll(e.detail) }), h("div", { key: 'b65e099ebe4940b26cc251961e66a375400f2379', class: "th__bar" }))), stickyLeftCols.map((col, idx) => (h("th", { key: col.name, class: {
+            }, style: { '--sticky-left-offset': '0px' } }, h("sd-checkbox", { key: '18eeabbcc4fc10196d6448bd9d0493b55778f9f1', value: this.getIsAllChecked(), disabled: safeRows.length === 0, onSdUpdate: (e) => this.handleSelectAll(e.detail) }), h("div", { key: '1a5a0561fc94be53a8244827ac9ae4f98fa766c2', class: "th__bar" }))), stickyLeftCols.map((col, idx) => (h("th", { key: col.name, class: {
                 'th': true,
                 [`${col.thClass}`]: Boolean(col.thClass),
                 'sticky-left': true,
@@ -231,7 +244,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD14C\uC774\uBE14 \uCEEC\uB7FC \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false
@@ -248,7 +261,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD589 \uC120\uD0DD \uAE30\uB2A5 \uC0AC\uC6A9 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -267,7 +280,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uCEEC\uB7FC \uB108\uBE44 \uC870\uC808 \uAC00\uB2A5 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -293,7 +306,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uACE0\uC815 \uCEEC\uB7FC \uC124\uC815"
                 },
                 "getter": false,
                 "setter": false
@@ -310,7 +323,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD5E4\uB354 \uACE0\uC815 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -329,7 +342,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC88C\uCE21 \uC2A4\uD06C\uB864 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -348,7 +361,7 @@ export class SdThead {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC6B0\uCE21 \uC2A4\uD06C\uB864 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -374,7 +387,7 @@ export class SdThead {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC804\uCCB4 \uC120\uD0DD \uCCB4\uD06C\uBC15\uC2A4\uC6A9 \uD589 \uB370\uC774\uD130"
                 },
                 "getter": false,
                 "setter": false,
@@ -392,7 +405,7 @@ export class SdThead {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uCEEC\uB7FC \uB108\uBE44 \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false,
@@ -421,7 +434,7 @@ export class SdThead {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uCEEC\uB7FC \uC815\uB82C \uBC84\uD2BC \uD074\uB9AD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "{ column: SdTableColumn }",
@@ -452,7 +465,7 @@ export class SdThead {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uD14C\uC774\uBE14 \uC124\uC815\uC744 \uB2E4\uC2DC \uBD88\uB7EC\uC635\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -473,7 +486,7 @@ export class SdThead {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uCEEC\uB7FC \uB108\uBE44\uB97C \uC5C5\uB370\uC774\uD2B8\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -490,7 +503,7 @@ export class SdThead {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC804\uCCB4 \uC120\uD0DD \uCCB4\uD06C\uBC15\uC2A4 \uC0C1\uD0DC\uB97C \uAC31\uC2E0\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             }

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

@@ -3,11 +3,17 @@ import { TABLE_ID_ATTR, } from "../constants";
 import { TABLE_BODY_LAYOUT, TABLE_BODY_TYPOGRAPHY, TABLE_BORDER, TABLE_SEPARATOR, } from "../sd-table.config";
 export class SdTr {
     el;
+    /** 테이블 컬럼 목록 */
     columns;
+    /** 행 선택 기능 사용 여부 */
     selectable;
+    /** 고정 컬럼 설정 */
     stickyColumn;
+    /** 행 식별 키 */
     rowKey = '';
+    /** 행 데이터 객체 */
     row = {};
+    /** 구분선 높이 (4 또는 6px, null이면 일반 행) */
     separator = null;
     tableId = '';
     columnWidths = [];
@@ -60,12 +66,15 @@ export class SdTr {
             this.columnWidths = [...config.columnWidths];
         }
     }
+    /** 테이블 설정을 다시 불러옵니다. */
     async refreshConfig() {
         this.resolveConfig();
     }
+    /** 셀 병합 버전을 갱신해 td를 재렌더링합니다. */
     async bumpSpansVersion() {
         this.spansVersion = this.spansVersion + 1;
     }
+    /** 페이지네이션에 따른 행 표시 여부를 갱신합니다. */
     async updateVisibility() {
         this.updateVisibilitySync();
     }
@@ -78,9 +87,11 @@ export class SdTr {
         }
         this.isVisible = rowIndex >= pageInfo.startIndex && rowIndex < pageInfo.endIndex;
     }
+    /** 컬럼 너비를 업데이트합니다. */
     async setColumnWidths(widths) {
         this.columnWidths = widths;
     }
+    /** 체크박스 선택 상태를 갱신합니다. */
     async refreshSelection() {
         const checkbox = this.el.querySelector('sd-checkbox');
         if (checkbox) {
@@ -291,7 +302,7 @@ export class SdTr {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD14C\uC774\uBE14 \uCEEC\uB7FC \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false
@@ -308,7 +319,7 @@ export class SdTr {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD589 \uC120\uD0DD \uAE30\uB2A5 \uC0AC\uC6A9 \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -334,7 +345,7 @@ export class SdTr {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uACE0\uC815 \uCEEC\uB7FC \uC124\uC815"
                 },
                 "getter": false,
                 "setter": false
@@ -351,7 +362,7 @@ export class SdTr {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD589 \uC2DD\uBCC4 \uD0A4"
                 },
                 "getter": false,
                 "setter": false,
@@ -378,7 +389,7 @@ export class SdTr {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD589 \uB370\uC774\uD130 \uAC1D\uCCB4"
                 },
                 "getter": false,
                 "setter": false,
@@ -396,7 +407,7 @@ export class SdTr {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uAD6C\uBD84\uC120 \uB192\uC774 (4 \uB610\uB294 6px, null\uC774\uBA74 \uC77C\uBC18 \uD589)"
                 },
                 "getter": false,
                 "setter": false,
@@ -435,7 +446,7 @@ export class SdTr {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uD14C\uC774\uBE14 \uC124\uC815\uC744 \uB2E4\uC2DC \uBD88\uB7EC\uC635\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -452,7 +463,7 @@ export class SdTr {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uC140 \uBCD1\uD569 \uBC84\uC804\uC744 \uAC31\uC2E0\uD574 td\uB97C \uC7AC\uB80C\uB354\uB9C1\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -469,7 +480,7 @@ export class SdTr {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uD398\uC774\uC9C0\uB124\uC774\uC158\uC5D0 \uB530\uB978 \uD589 \uD45C\uC2DC \uC5EC\uBD80\uB97C \uAC31\uC2E0\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -490,7 +501,7 @@ export class SdTr {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uCEEC\uB7FC \uB108\uBE44\uB97C \uC5C5\uB370\uC774\uD2B8\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             },
@@ -507,7 +518,7 @@ export class SdTr {
                     "return": "Promise<void>"
                 },
                 "docs": {
-                    "text": "",
+                    "text": "\uCCB4\uD06C\uBC15\uC2A4 \uC120\uD0DD \uC0C1\uD0DC\uB97C \uAC31\uC2E0\uD569\uB2C8\uB2E4.",
                     "tags": []
                 }
             }

package/dist/collection/components/sd-tabs/sd-tabs.js

@@ -1,11 +1,17 @@
 import { h } from "@stencil/core";
 import { TAB_MAIN_LAYOUT, TAB_MAIN_COLORS, TAB_MAIN_TYPOGRAPHY, TAB_SUB_LAYOUT, TAB_SUB_COLORS, TAB_SUB_TYPOGRAPHY, } from "./sd-tabs.config";
 export class SdTabs {
+    /** 현재 선택된 탭 value */
     value;
+    /** 탭 옵션 목록 */
     tabs = [];
+    /** 탭 크기 */
     size = 'md';
+    /** true이면 서브 탭 스타일 적용 */
     isSub = false;
+    /** true이면 탭을 세로로 배치 */
     vertical = false;
+    /** 탭이 변경될 때 새 value를 전달합니다. */
     update;
     valueChanged(newValue) {
         this.value = newValue;
@@ -72,7 +78,7 @@ export class SdTabs {
         };
     }
     render() {
-        return (h("div", { key: 'c2a2bd86833267ca4b47e7c6420e04a504af05f5', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
+        return (h("div", { key: 'd8d86075bbf5e13444f99e57cf63c2f5b9ef28fc', class: this.getContainerClasses(), style: this.buildCssVars() }, this.tabs.map((tab, index) => {
             const badgeName = this.getBadgeName(tab);
             return (h("div", { key: `tab-${index}`, role: "tab", tabindex: 0, "aria-selected": tab.value === this.value ? 'true' : 'false', class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab), onKeyDown: e => {
                     if (e.key === 'Enter' || e.key === ' ') {
@@ -107,7 +113,7 @@ export class SdTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD604\uC7AC \uC120\uD0DD\uB41C \uD0ED value"
                 },
                 "getter": false,
                 "setter": false,
@@ -133,7 +139,7 @@ export class SdTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD0ED \uC635\uC158 \uBAA9\uB85D"
                 },
                 "getter": false,
                 "setter": false,
@@ -158,7 +164,7 @@ export class SdTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD0ED \uD06C\uAE30"
                 },
                 "getter": false,
                 "setter": false,
@@ -178,7 +184,7 @@ export class SdTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "true\uC774\uBA74 \uC11C\uBE0C \uD0ED \uC2A4\uD0C0\uC77C \uC801\uC6A9"
                 },
                 "getter": false,
                 "setter": false,
@@ -198,7 +204,7 @@ export class SdTabs {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "true\uC774\uBA74 \uD0ED\uC744 \uC138\uB85C\uB85C \uBC30\uCE58"
                 },
                 "getter": false,
                 "setter": false,
@@ -217,7 +223,7 @@ export class SdTabs {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD0ED\uC774 \uBCC0\uACBD\uB420 \uB54C \uC0C8 value\uB97C \uC804\uB2EC\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "string",

package/dist/collection/components/sd-tag/sd-tag.js

@@ -1,11 +1,14 @@
 import { h } from "@stencil/core";
 import { TAG_CONFIG, isTagName } from "./sd-tag.config";
 export class SdTag {
+    /** 태그 프리셋 이름 */
     name = 'square_sm_grey';
+    /** 표시할 레이블 텍스트 */
     label = '';
+    /** 아이콘명 */
     icon;
     // 아이콘이 좌측 배치되는 게 자연스러운 default. prop 이름 변경(isRight 등)은 public API breaking 이라 별도 이슈로 분리.
-    // eslint-disable-next-line stencil/ban-default-true
+    /** true이면 아이콘을 레이블 왼쪽에 배치 */
     isLeft = true;
     componentWillLoad() {
         this.name = this.name ?? 'square_sm_grey';
@@ -27,7 +30,7 @@ export class SdTag {
     render() {
         const config = this.resolvedConfig;
         const iconNode = this.renderIcon(config.icon, config.iconSize);
-        return (h("span", { key: '3117d8d5f3d9751dc193e426dbab7e0ead9fb369', class: "sd-tag", style: {
+        return (h("span", { key: '09cc181654983b64dec9860fdf656677ebcfcd15', class: "sd-tag", style: {
                 '--sd-tag-background': config.background,
                 '--sd-tag-content': config.content,
                 '--sd-tag-height': config.height,
@@ -37,7 +40,7 @@ export class SdTag {
                 '--sd-tag-font-weight': config.fontWeight,
                 '--sd-tag-line-height': config.lineHeight,
                 '--sd-tag-radius': config.radius,
-            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: '8c299f140dc5bd026ed52d3f0921939bbf69fdd5', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
+            }, "aria-label": this.label || 'tag' }, this.icon && this.isLeft && iconNode, h("span", { key: '044ab51afc474799b400c608fd5531bed9a7ad18', class: "sd-tag__label" }, this.label), this.icon && !this.isLeft && iconNode));
     }
     static get is() { return "sd-tag"; }
     static get originalStyleUrls() {
@@ -71,7 +74,7 @@ export class SdTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD0DC\uADF8 \uD504\uB9AC\uC14B \uC774\uB984"
                 },
                 "getter": false,
                 "setter": false,
@@ -91,7 +94,7 @@ export class SdTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD45C\uC2DC\uD560 \uB808\uC774\uBE14 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -116,7 +119,7 @@ export class SdTag {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC544\uC774\uCF58\uBA85"
                 },
                 "getter": false,
                 "setter": false,
@@ -135,7 +138,7 @@ export class SdTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "true\uC774\uBA74 \uC544\uC774\uCF58\uC744 \uB808\uC774\uBE14 \uC67C\uCABD\uC5D0 \uBC30\uCE58"
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/sd-text-link/sd-text-link.js

@@ -1,14 +1,23 @@
 import { h } from "@stencil/core";
 import { TEXT_LINK_ARROW, TEXT_LINK_COLORS, TEXT_LINK_SIZE_CONFIG, } from "./sd-text-link.config";
 export class SdTextLink {
+    /** 표시할 레이블 텍스트 */
     label = '';
+    /** 좌측 아이콘명 */
     icon = '';
+    /** 좌측 아이콘 색상 */
     iconColor = '';
+    /** 레이블 span에 추가할 클래스 */
     labelClass = '';
+    /** 우측 화살표 타입 */
     rightArrow = 'none';
+    /** 밑줄 스타일 여부 */
     underline = false;
+    /** 비활성 상태 여부 */
     disabled = false;
+    /** 텍스트 크기 */
     size = 'sm';
+    /** 클릭 시 발생합니다. */
     click;
     handleClick = () => {
         if (this.disabled)
@@ -30,7 +39,7 @@ export class SdTextLink {
             '--sd-text-link-text-decoration': typo.textDecoration,
             ...(this.disabled ? { '--sd-text-link-color': TEXT_LINK_COLORS.content.disabled } : {}),
         };
-        return (h("span", { key: '74e9dd05f3efa3ecfec4edca1b74c29bb7207894', role: "button", tabindex: this.disabled ? -1 : 0, class: {
+        return (h("span", { key: '1b58c27c2754182b1fc6249e7e4bf52f42d1d11d', role: "button", tabindex: this.disabled ? -1 : 0, class: {
                 'sd-text-link': true,
                 'sd-text-link--disabled': this.disabled,
             }, style: cssVars, onClick: this.handleClick, onKeyDown: e => {
@@ -38,13 +47,13 @@ export class SdTextLink {
                     e.preventDefault();
                     this.handleClick();
                 }
-            } }, this.icon && (h("sd-icon", { key: 'e60be0764adf889af988fd887582776d44239e07', name: this.icon, size: sizeConfig.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: '17996ef0620948fe1660945e68c9bb55e62fc982', class: labelClassName }, this.label), this.rightArrow && this.rightArrow !== 'none' && (h("span", { key: 'b9cfc03d4295beb9956f661032ea3fd1d9acfbe9', class: "sd-text-link__arrow", style: {
+            } }, this.icon && (h("sd-icon", { key: '85076e7cf4873b527606aa737c2899233dcc3d9f', name: this.icon, size: sizeConfig.iconSize, color: iconColor, class: "sd-text-link__icon" })), h("span", { key: '75b16e64155770ccdb889497caea6b4240b2e8c0', class: labelClassName }, this.label), this.rightArrow && this.rightArrow !== 'none' && (h("span", { key: '8dd32b1b640a8e81f306b0387f783a4c1435abd6', class: "sd-text-link__arrow", style: {
                 width: `${TEXT_LINK_ARROW.arrowFrame}px`,
                 height: `${TEXT_LINK_ARROW.arrowFrame}px`,
                 display: 'inline-flex',
                 alignItems: 'center',
                 justifyContent: 'center',
-            } }, h("sd-icon", { key: '6c2e4640a767acd5e66089e7e78f27c0fb8a0955', name: this.rightArrow === 'chevron' ? 'chevronRight' : 'caretRight', size: TEXT_LINK_ARROW.arrowIconSize, color: arrowColor })))));
+            } }, h("sd-icon", { key: '605572568dd4c2b6dcde9c932d5593e5fdb916a4', name: this.rightArrow === 'chevron' ? 'chevronRight' : 'caretRight', size: TEXT_LINK_ARROW.arrowIconSize, color: arrowColor })))));
     }
     static get is() { return "sd-text-link"; }
     static get originalStyleUrls() {
@@ -71,7 +80,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD45C\uC2DC\uD560 \uB808\uC774\uBE14 \uD14D\uC2A4\uD2B8"
                 },
                 "getter": false,
                 "setter": false,
@@ -91,7 +100,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC88C\uCE21 \uC544\uC774\uCF58\uBA85"
                 },
                 "getter": false,
                 "setter": false,
@@ -111,7 +120,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC88C\uCE21 \uC544\uC774\uCF58 \uC0C9\uC0C1"
                 },
                 "getter": false,
                 "setter": false,
@@ -131,7 +140,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uB808\uC774\uBE14 span\uC5D0 \uCD94\uAC00\uD560 \uD074\uB798\uC2A4"
                 },
                 "getter": false,
                 "setter": false,
@@ -151,7 +160,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uC6B0\uCE21 \uD654\uC0B4\uD45C \uD0C0\uC785"
                 },
                 "getter": false,
                 "setter": false,
@@ -171,7 +180,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBC11\uC904 \uC2A4\uD0C0\uC77C \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -191,7 +200,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uBE44\uD65C\uC131 \uC0C1\uD0DC \uC5EC\uBD80"
                 },
                 "getter": false,
                 "setter": false,
@@ -218,7 +227,7 @@ export class SdTextLink {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD14D\uC2A4\uD2B8 \uD06C\uAE30"
                 },
                 "getter": false,
                 "setter": false,
@@ -237,7 +246,7 @@ export class SdTextLink {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": ""
+                    "text": "\uD074\uB9AD \uC2DC \uBC1C\uC0DD\uD569\uB2C8\uB2E4."
                 },
                 "complexType": {
                     "original": "void",