@sellmate/design-system 0.0.55 → 0.0.56

package/dist/esm/sd-date-picker.entry.js

@@ -82,7 +82,7 @@ const SdDatePicker = class {
         this.isOpen = false;
     };
     render() {
-        return (h(Host, { key: '6a1129da5526bd1d7b8f5f4f70b933beacc0d38a', class: { 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled } }, h("sd-input", { key: 'a7b59caaf9150082bc70fb5e8d81740d47ce457f', ref: el => (this.inputEl = el), value: this.value, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: 'f1420dfdf7283d71ab66f4c69f90f2e5bac25aab', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'c8bf0f440d8fa5eac3c539591eb783a0be61296c', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'd79caee7083cac735fe787f4ab15dd20ef19363b', class: "sd-date-picker__menu" }, h("div", { key: '3189456edcb2bbf753bcfb659a6bed60aee6cfcb', class: "sd-date-picker__header" }, h("div", { key: '739f9f37030efe12dc57d0a0ee16780cdb7ed0df', class: "year-nav" }, h("button", { key: '5018b431579aefbebe47e64c9cc5e34aa31a7dbd', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '47981fbbd6f6245c543d92e4bebf0bc8e9440255', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '4bf48f6283187a6e641091ecf8ca6746bcc538f6', class: "year-nav__current" }, this.currentYear), h("button", { key: '50eccfed91de1885cc49f71449eedc7160d78a4e', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: 'f220f5d65323ea11c054599a6a817346e864c156', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: 'ac4cadf1d92b7098a3c1830345acfa8680d9e104', class: "month-nav" }, h("button", { key: '7afdfadccdf6d6ad07d035747b8e50a9e9d13af6', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: 'd382f9c32864b3d1f01aacd9a60d1a7799c49552', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '173659c7d34743aeaed7c7694f2db467edf8e7dc', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: 'cffad239c7896f21249ca66a91368050f51059c0', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: '2e541317c81c3ef7ff7bc07d35619f78fbc09cd1', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: 'a8e9db7ed26405aeb61d49b827ca9c186766498c', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: '4d62d9bf10a1e208e0432fedc842519aeb472e9c', class: "sd-date-picker__body" }, [
+        return (h(Host, { key: '339b8a2e02592a3a7c28e91b11dc3693b4fcb9db', class: { 'sd-date-picker': true, 'sd-date-picker--disabled': this.disabled } }, h("sd-input", { key: '5cb7ee0544864681985ba4e2b4cfb4ca7eb88ba7', ref: el => (this.inputEl = el), value: this.value, label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: 'e465944f71022a7b7d7b6d719affa31bfc337ff8', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'e4af5d3a2c5619d12f0b473b80eed941df1eea06', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.handleClose }, h("div", { key: 'a36e286d284f3f2545eb83e60f76bb74db1ee045', class: "sd-date-picker__menu" }, h("div", { key: '95aa3b00666772cdaac5c458226b03ca8d814205', class: "sd-date-picker__header" }, h("div", { key: '92d3553d46fc3b9681050d5cb8b834bf4c661792', class: "year-nav" }, h("button", { key: 'ee0500f7c95bfd54e01a3dacba1f5510d1a6bbe6', type: "button", name: "prev-year", title: "Previous Year", onClick: () => this.setCurrentYear(this.currentYear - 1) }, h("sd-icon", { key: '16cf42b6e4d43858fc22745339c66ffb03862f00', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '9cd310082f173d1fadc046a0a7f6b1e4b63627e0', class: "year-nav__current" }, this.currentYear), h("button", { key: '51d30f06c43c76226e995af3f3e3812ea48c2aad', type: "button", name: "next-year", title: "Next Year", onClick: () => this.setCurrentYear(this.currentYear + 1) }, h("sd-icon", { key: '08b599372988f2563ccb6a25b64bbacef21e8c0b', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '3561b99251a0cc9ca5d81ed20369eb2d1702f253', class: "month-nav" }, h("button", { key: '952c94808facf642dc219eaced8d58b3c2ceb389', type: "button", name: "prev-month", title: "Previous       ", onClick: () => this.handleUpdateMonth('prev') }, h("sd-icon", { key: 'd270c4e5934ebfff500d9a4252b9a4b0b6c24e41', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("span", { key: '3baf83873b332c1a3b340773a952b5f9a1b48bd4', class: "month-nav__current" }, this.currentMonth, "\uC6D4"), h("button", { key: 'fe744ca6c9896f8cf7bd2a00cdd4db94915be0e3', type: "button", name: "next-month", title: "Next Month", onClick: () => this.handleUpdateMonth('next') }, h("sd-icon", { key: 'a00637d3bc309b429fd302b72ec940f3cdce8f84', name: "arrowRight", size: "12", color: "#CCCCCC" })))), h("div", { key: '8a4c4fc3bfc55205912368f6d5f1e3acd7eadbdc', class: "sd-date-picker__days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("div", { key: day, class: "day" }, day)))), h("div", { key: 'f4eaa43b531640ba7bb7b724cf52144f9870d520', class: "sd-date-picker__body" }, [
             ...this.calendar.prevMonthDays,
             ...this.calendar.days,
             ...this.calendar.afterMonthDays,

package/dist/esm/sd-date-range-picker.entry.js

@@ -173,10 +173,10 @@ const SdDateRangePicker = class {
         this.setHoverDate(hoverDate);
     }
     render() {
-        return (h(Host, { key: '83bac4f3ca296d4384cd7133847a420cc964efe2', class: {
+        return (h(Host, { key: '5220efe80a57b9591b4238b0f0cd646d76709a4c', class: {
                 'sd-date-range-picker': true,
                 'sd-date-range-picker--disabled': this.disabled,
-            } }, h("sd-input", { key: 'c2c0f2d34535b69e9b8e6a5b446a189aaf3868d9', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: '0720129c8b59571f97c24f2a71d48a08c40314dc', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: 'd0f3142a8bba8ea231586111e1ccf931ee595d25', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, h("div", { key: '072f7b56f1baea1a86916f3959e79462079fd6a8', class: "sd-date-range-picker__menu" }, h("div", { key: '27bd45578453e74766e30be37ee990036c111a9d', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: 'fdcb11d94f83506a13b4b652a61e0a31630f2fa9', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '2c0cd042d7d0544641410b077107c6cb0e1dc06b', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: 'e1508e3c0630bbe960bccc6d520c128b28ad1b13', class: "header-label" }, this.prevYear), h("button", { key: 'd1c985beec9ba680a72b64e20938a253b956c2cb', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: '4b1ca637f060925886b20d5b6443b804501c60c3', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '42baa27309dd5edc1ab5713e42e52e8202882477', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
+            } }, h("sd-input", { key: '0f7bc52cbe8722e16b3c82dc847b0230149f4e6a', ref: el => (this.inputEl = el), value: !!this.dateRange[0] ? `${this.dateRange[0]} ~ ${this.dateRange[1]}` : '', label: this.label, "inside-label": true, readonly: true, disabled: this.disabled, placeholder: this.placeholder, inputClass: "sd-date-range-picker__input", onClick: () => this.openMenu() }, h("sd-icon", { key: 'b21b38e104c2dd840af1670e4bedee84a4db10fa', slot: "prefix", name: "date", size: "16", color: this.disabled ? 'grey_65' : 'grey_70', class: "date-icon", onClick: () => this.openMenu() })), this.isOpen && (h("sd-portal", { key: '56d74da3b2d783340d21503210eae4b89d540b9a', open: this.isOpen, parentRef: this.inputEl, onSdClose: this.closeMenu }, h("div", { key: '89b88b2b16bb6b553ba18b686cfdb41bcdccfb33', class: "sd-date-range-picker__menu" }, h("div", { key: 'b811cdb96de5cd8400ef413fe2537a5e9b36720d', class: "sd-date-range-picker__header mb-16pxr flex flex-nowrap items-center justify-center" }, h("button", { key: '588814d15c2a6c8b8efcad9215ab015366709ee7', type: "button", name: "prev", title: "Previous", onClick: () => this.setPrevYear(this.prevYear - 1) }, h("sd-icon", { key: '330c17fb132b33140fb8cdf72c0bc75eca9814eb', name: "arrowLeft", size: "12", color: "#CCCCCC" })), h("div", { key: 'b2f29d546ac19968045aa3803cea58693c9ac904', class: "header-label" }, this.prevYear), h("button", { key: '183befff37c64110a8dc188b261aaa03330b7c9e', type: "button", name: "next", title: "Next", onClick: () => this.setPrevYear(this.prevYear + 1) }, h("sd-icon", { key: 'ea7ab0b1ff97a659b2adf3ab105945127fa5b066', name: "arrowRight", size: "12", color: "#CCCCCC" }))), h("div", { key: '13e7484f631f5045a49c1243c93ae211b3f70bec', class: "sd-date-range-picker__body" }, [this.prevCalendar, this.nextCalendar].map((calendar, index) => (h(Fragment, null, index === 1 && h("div", { class: "separator" }), h("div", { key: index, class: "calendar-container" }, h("div", { class: "calendar-header" }, h("button", { type: "button", name: "month", title: "Month", class: index === 0 ? 'header-button-prev' : 'header-button-next', onClick: () => this.updateYearMonth(index === 0 ? 'prev' : 'next') }, h("sd-icon", { name: index === 0 ? 'arrowLeft' : 'arrowRight', size: "12", color: "#CCCCCC" })), index === 0
             ? `${this.prevYear}.${String(this.prevMonth).padStart(2, '0')}`
             : `${this.nextYear}.${String(this.nextMonth).padStart(2, '0')}`), h("div", { class: "calendar-days" }, ['일', '월', '화', '수', '목', '금', '토'].map(day => (h("sd-date-box", { key: day, date: day, disabled: true, class: "day" })))), h("div", { class: "calendar-body mt-12pxr grid grid-cols-7 gap-y-8pxr" }, [...calendar.prevMonthDays, ...calendar.days, ...calendar.afterMonthDays].map((day, idx) => (h("sd-date-box", { key: `prev${day}_${idx}`, date: !day ? '' : Number(day), selected: this.dateRange.some(date => date === this.formatDate(index, Number(day))), type: this.getDateBoxType(this.formatDate(index, Number(day))), isToday: today === this.formatDate(index, Number(day)), disabled: !day ? true : this.isDisabledDate(this.formatDate(index, Number(day))), inRange: this.isDateInRange(this.formatDate(index, Number(day))), isStartDate: this.dateRange[0] === this.formatDate(index, Number(day)), isEndDate: this.dateRange[1] === this.formatDate(index, Number(day)), onClick: () => this.handleDateClick(index, Number(day)), onMouseOver: () => this.handleDateHover(index, Number(day)) }))))))))))))));
     }

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

@@ -36,11 +36,11 @@ const SdPopover = class {
         this.showPopover = false;
     };
     render() {
-        return (h(Fragment, { key: 'd829713fa084f446de7a92b27c2a99989143c1cd' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-tooltip-portal", { key: '9599b6919adec483243bb7c3c9aa808314098e63', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'c6384698676c147395ea42569c4fdb58ce2c8d05', class: {
+        return (h(Fragment, { key: '9d9b2e9ab7dd6d7b3a79fdf8468c1921b64c8e6f' }, this.label ? (h("sd-button", { ref: el => (this.buttonEl = el), label: this.label, icon: this.icon, size: this.buttonSize, color: this.color, variant: this.buttonVariant, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })) : (h("sd-icon", { ref: el => (this.buttonEl = el), name: this.icon, size: this.iconSize, color: this.color, class: "sd-popover", onClick: () => (this.showPopover = !this.showPopover) })), this.showPopover && (h("sd-tooltip-portal", { key: '44e2139f21c20017b93d59888ca358fe78bb21db', parentRef: this.buttonEl, onSdClose: this.handleClose, placement: this.placement }, h("div", { key: 'eac4edb768cc3e738d9fa0a9680d85aab5d9c795', class: {
                 'sd-popover-menu': true,
                 [`sd-popover-menu--${this.placement}`]: true,
                 [this.menuClass]: !!this.menuClass,
-            } }, h("i", { key: 'e7db8d5465a337f579b0986dcadc3d3cba8dbc3a', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '83536de3473e209f30d9ba758537b8a38ee7eecf' })), h("div", { key: 'be4eb9559697249db670333f4113192bd2faddf9', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: 'b80c8b40b00c3a97623c5ddae5fd1fea927b51e4', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: 'c05bbb176368895a04c58981af48f5ccd5dbe586', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '8f70454411ea148dd0595b184b3a1798e2cd5b7c', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'fb399fcea8365695801a1001842f32cae2455a11', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '9f6cd57f9053d0c8e6d2cfef358867dd39b037bb', name: "close", size: "12", color: "#AAAAAA" }))))))));
+            } }, h("i", { key: '8b4228cabeebf775419ce25c89a609c5a24bbc86', class: `sd-popover-menu__arrow sd-popover-menu__arrow--${this.placement}` }, h(TooltipArrow, { key: '794ea65c5d1bd4362b5245611f49bab0bdbdf451' })), h("div", { key: 'f3a756194b51dbfea1c2c1a9f09d390a7a01add2', class: "sd-popover-menu__content" }, this.menuTitle && h("div", { key: 'e3425e647b09ad929741811f5962855d4b489a34', class: "sd-popover-menu__title" }, this.menuTitle), this.messages.length > 0 && (h("div", { key: '157ce5e1ceeee570cd12581471281124e91ccfe9', class: "sd-popover-menu__messages" }, this.messages.map(message => (h("div", null, message))))), this.buttons.length > 0 && (h("div", { key: '82ce6ee0c7ab22981785df2751aab973321db044', class: `sd-popover-menu__buttons sd-popover-menu__buttons--${this.buttons.length}` }, this.buttons.map(button => (h("sd-button", { ...button })))))), this.useClose && (h("button", { key: 'd5ce191f037db5c466f6de9ebdaabbbf3691f2b1', class: "sd-popover-menu__close-button", onClick: () => this.handleClose() }, h("sd-icon", { key: '1ee550de3c8d8eaa72a3faa4d7abece5b4725452', name: "close", size: "12", color: "#AAAAAA" }))))))));
     }
     static get watchers() { return {
         "show": ["watchShowHandler"]

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

@@ -39,10 +39,10 @@ const SdProgress = class {
         return this.statusColor[this.progressStatus];
     }
     render() {
-        return (h(Host, { key: 'fe3875178b9b621f5cb21dc030f736df71ee8f91', style: {
+        return (h(Host, { key: 'b254676f6936364f895fd8dd85edd33b95b9d52e', style: {
                 '--progress-color': this.progressColor,
                 '--progress-percentage': `${this.progressPercentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: 'bd4693197e530e6a836b076772bfd02a3c91ce3a', class: "sd-progress__label" }, this.label)));
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: 'aeb82be4b54ec40dfec7dc8717faeea41c4fd0e8', class: "sd-progress__label" }, this.label)));
     }
     renderBarProgress() {
         return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.progressStatus}` }, h("div", { class: ['sd-progress__bar__percent', this.progressPercentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.progressPercentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.progressPercentage, "%")));

package/dist/esm/sd-select-multiple.entry.js

@@ -216,11 +216,11 @@ const SdSelectMultiple = class extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: 'aa11a88a19987be498da603cfa81c95e89f935c0', style: style }, h("div", { key: '35d1a93e5bee37027d43a90fadc32c335569ce66', class: {
+        return (h(Host, { key: 'ff0653e24d97db442399017df0380a17f96dffe4', style: style }, h("div", { key: 'd5f6c3425abfcfdd81e47529659aa591fc604b0b', class: {
                 'sd-select-multiple': true,
                 'sd-select-multiple--open': this.isOpen,
                 'sd-select-multiple--disabled': this.disabled,
-            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: 'd4d581d5fe2589dfd5ed5072324954f75f6c7382', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: 'ee82c8383eb3e98729b2d55065b66e9a84cf5215', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)

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

@@ -7,7 +7,7 @@ const SdTbody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'bef033a85bc25bdd4c08be9ac93e1dd7904d3b92' }, h("slot", { key: '380295c93446b7c99068bddb1ebefeee25056759' })));
+        return (h(Host, { key: '5c25fa054aaea539d47625d367adeb18d771f070' }, h("slot", { key: '17e9fd219974d986e154d72c82a3ac145af7e7a8' })));
     }
 };
 SdTbody.style = sdTbodyCss();
@@ -19,7 +19,7 @@ const SdTh = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '1ffd60e25f49d7a2840e90e4813be0f249634a0e', role: "columnheader" }, h("slot", { key: 'afc47eff5e8714aca488a928fdd356d58f20235a' })));
+        return (h(Host, { key: '04e75c300b9147dc122570af4b1f4729d6ee1902', role: "columnheader" }, h("slot", { key: '29cbcdc0f8b8087c4c8bf593a7dfe8cf56bcaf39' })));
     }
 };
 SdTh.style = sdThCss();
@@ -31,7 +31,7 @@ const SdTr = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '384b83fc792b3482a2f5e299c248ccfe52e23aab', role: "row" }, h("slot", { key: '49d0f2140923af7709222b596e6cdc511bbac0a3' })));
+        return (h(Host, { key: '87cb4c63e4368106176b194602195b5a1e48c706', role: "row" }, h("slot", { key: 'daeaecd458767c572d86cf05650230388f1a2cae' })));
     }
 };
 SdTr.style = sdTrCss();

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

@@ -11,11 +11,11 @@ const SdTd = class {
     tdStyle;
     tdClass;
     render() {
-        return (h(Host, { key: 'b220b330eccc8e87ba9b0333f25d5d8e922fbf5e', role: "cell", class: {
+        return (h(Host, { key: 'caaefa12c86561d1bbe8d10e4f25b079def2124e', role: "cell", class: {
                 'sd-td': true,
                 [`sd-td--${this.align}`]: true,
                 [this.tdClass || '']: Boolean(this.tdClass),
-            }, style: this.tdStyle }, h("slot", { key: '807cf20b823a3efa00ce4f690ff1be2226d6ad8f' })));
+            }, style: this.tdStyle }, h("slot", { key: '9ea243e4a6fcb4b6e1edc94b92eb4cc9d0e50a97' })));
     }
 };
 SdTd.style = sdTdCss();

package/dist/types/components/sd-card/sd-card.d.ts

@@ -1,5 +1,5 @@
 export declare class SdCard {
     bordered: boolean;
-    class: string;
+    cardClassName?: string;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -100,7 +100,7 @@ export namespace Components {
         /**
           * @default ''
          */
-        "class": string;
+        "cardClassName"?: string;
     }
     interface SdCheckbox {
         /**
@@ -1851,7 +1851,7 @@ declare namespace LocalJSX {
         /**
           * @default ''
          */
-        "class"?: string;
+        "cardClassName"?: string;
     }
     interface SdCheckbox {
         /**