@sellmate/design-system 1.0.59 → 1.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/sd-button-v2_2.cjs.entry.js +1 -1
- package/dist/cjs/sd-button_4.cjs.entry.js +1 -1
- package/dist/cjs/sd-dropdown-button.cjs.entry.js +1 -1
- package/dist/cjs/sd-ghost-button.cjs.entry.js +1 -2
- package/dist/cjs/sd-guide.cjs.entry.js +1 -1
- package/dist/cjs/sd-table.cjs.entry.js +4 -4
- package/dist/cjs/sd-tabs.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/sd-button/sd-button.css +1 -1
- package/dist/collection/components/sd-button-v2/sd-button-v2.css +3 -1
- package/dist/collection/components/sd-dropdown-button/sd-dropdown-button.css +1 -1
- package/dist/collection/components/sd-guide/sd-guide.css +1 -1
- package/dist/collection/components/sd-table/sd-table.js +4 -4
- package/dist/collection/components/sd-tabs/sd-tabs.js +2 -2
- package/dist/components/{p-C8kA64_1.js → p-BLStWrxs.js} +1 -1
- package/dist/components/{p-DxzIjbQJ.js → p-BR-bJdS1.js} +1 -1
- package/dist/components/p-BU94H8ZV.js +1 -0
- package/dist/components/{p-bBjbkCP1.js → p-BbktIyCC.js} +1 -1
- package/dist/components/p-CE8Nksdh.js +1 -0
- package/dist/components/{p-DmkL7H5j.js → p-CIxe6enF.js} +1 -1
- package/dist/components/{p-DhoIsdd7.js → p-CMg7FjMv.js} +1 -1
- package/dist/components/{p-CKl79fdN.js → p-DrmmEis9.js} +1 -1
- package/dist/components/{p-TF5CQvFs.js → p-DzgNgAoW.js} +1 -1
- package/dist/components/{p-Ebd0AYb5.js → p-I2M1GsAn.js} +1 -1
- package/dist/components/sd-action-modal.js +1 -1
- package/dist/components/sd-barcode-input.js +1 -1
- package/dist/components/sd-button-v2.js +1 -1
- package/dist/components/sd-button.js +1 -1
- package/dist/components/sd-confirm-modal.js +1 -1
- package/dist/components/sd-date-picker.js +1 -1
- package/dist/components/sd-date-range-picker.js +1 -1
- package/dist/components/sd-dropdown-button.js +1 -1
- package/dist/components/sd-field.js +1 -1
- package/dist/components/sd-file-picker.js +1 -1
- package/dist/components/sd-ghost-button.js +1 -1
- package/dist/components/sd-guide.js +1 -1
- package/dist/components/sd-input.js +1 -1
- package/dist/components/sd-modal-container.js +1 -1
- package/dist/components/sd-number-input.js +1 -1
- package/dist/components/sd-popover.js +1 -1
- package/dist/components/sd-select-dropdown.js +1 -1
- package/dist/components/sd-select-group.js +1 -1
- package/dist/components/sd-select-multiple-group.js +1 -1
- package/dist/components/sd-select-multiple.js +1 -1
- package/dist/components/sd-select-search-input.js +1 -1
- package/dist/components/sd-select-v2.js +1 -1
- package/dist/components/sd-select.js +1 -1
- package/dist/components/sd-table.js +1 -1
- package/dist/components/sd-tabs.js +1 -1
- package/dist/components/sd-textarea.js +1 -1
- package/dist/components/sd-toast-container.js +1 -1
- package/dist/components/sd-toast.js +1 -1
- package/dist/components/sd-tooltip.js +1 -1
- package/dist/design-system/design-system.css +1 -1
- package/dist/design-system/design-system.esm.js +1 -1
- package/dist/design-system/p-0265d3d3.entry.js +1 -0
- package/dist/design-system/{p-99bcc635.entry.js → p-a0b9ba18.entry.js} +1 -1
- package/dist/design-system/{p-3686b44e.entry.js → p-a78c2373.entry.js} +1 -1
- package/dist/design-system/p-ad1f37f5.entry.js +1 -0
- package/dist/design-system/p-ba7fefb7.entry.js +1 -0
- package/dist/design-system/p-bbc5a1f5.entry.js +1 -0
- package/dist/esm/sd-button-v2_2.entry.js +1 -1
- package/dist/esm/sd-button_4.entry.js +1 -1
- package/dist/esm/sd-dropdown-button.entry.js +1 -1
- package/dist/esm/sd-ghost-button.entry.js +1 -2
- package/dist/esm/sd-guide.entry.js +1 -1
- package/dist/esm/sd-table.entry.js +4 -4
- package/dist/esm/sd-tabs.entry.js +2 -2
- package/hydrate/index.js +12 -13
- package/hydrate/index.mjs +12 -13
- package/package.json +1 -1
- package/dist/components/p-CDR-4auv.js +0 -1
- package/dist/components/p-DkMewZNL.js +0 -1
- package/dist/design-system/p-1cf60275.entry.js +0 -1
- package/dist/design-system/p-374fdc7a.entry.js +0 -1
- package/dist/design-system/p-3fdfb2ed.entry.js +0 -1
- package/dist/design-system/p-43512d46.entry.js +0 -1
- /package/dist/components/{p-B3CfLqLu.js → p-DxMfisdQ.js} +0 -0
- /package/dist/design-system/{p-5213773b.entry.js → p-d64079da.entry.js} +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, g as getElement, h } from './index-DsU722JF.js';
|
|
2
2
|
|
|
3
|
-
const sdGuideCss = () => `@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-
|
|
3
|
+
const sdGuideCss = () => `@charset "UTF-8";sd-button{display:inline-flex;width:fit-content;height:fit-content}.sd-button{--sd-button-height:34px;--sd-button-padding-x:20px;--sd-button-gap:8px;--sd-button-font-family:inherit;--sd-button-font-size:16px;--sd-button-font-weight:500;--sd-button-text-decoration:none;--sd-button-label-min-width:auto;--sd-button-icon-only-size:var(--sd-button-height);text-decoration:none;cursor:pointer;border-radius:var(--sd-button-radius-sm, 4px);transition:all 0.2s ease-in-out;position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0 var(--sd-button-padding-x);min-width:var(--sd-button-min-width, auto);min-height:var(--sd-button-height);font-family:var(--sd-button-font-family);font-size:var(--sd-button-font-size);font-weight:var(--sd-button-font-weight);text-decoration:var(--sd-button-text-decoration)}.sd-button--xs{--sd-button-height:var(--sd-button-xs-height, 24px);--sd-button-padding-x:var(--sd-button-xs-padding-x, 8px);--sd-button-gap:var(--sd-button-xs-gap, 4px);--sd-button-font-family:var(--sd-button-xs-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-xs-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-xs-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-xs-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-xs-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-xs-width, var(--sd-button-height));line-height:20px}.sd-button--sm{--sd-button-height:var(--sd-button-sm-height, 28px);--sd-button-padding-x:var(--sd-button-sm-padding-x, 12px);--sd-button-gap:var(--sd-button-sm-gap, 6px);--sd-button-font-family:var(--sd-button-sm-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-sm-typography-font-size, 12px);--sd-button-font-weight:var(--sd-button-sm-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-sm-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-sm-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-sm-width, var(--sd-button-height));line-height:20px}.sd-button--md{--sd-button-height:var(--sd-button-md-height, 34px);--sd-button-padding-x:var(--sd-button-md-padding-x, 20px);--sd-button-gap:var(--sd-button-md-gap, 8px);--sd-button-font-family:var(--sd-button-md-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-md-typography-font-size, 16px);--sd-button-font-weight:var(--sd-button-md-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-md-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-md-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-md-width, var(--sd-button-height));line-height:26px}.sd-button--lg{--sd-button-height:var(--sd-button-lg-height, 62px);--sd-button-padding-x:var(--sd-button-lg-padding-x, 28px);--sd-button-gap:var(--sd-button-lg-gap, 12px);--sd-button-font-family:var(--sd-button-lg-typography-font-family, inherit);--sd-button-font-size:var(--sd-button-lg-typography-font-size, 18px);--sd-button-font-weight:var(--sd-button-lg-typography-font-weight, 500);--sd-button-text-decoration:var(--sd-button-lg-typography-text-decoration, none);--sd-button-label-min-width:var(--sd-button-label-lg-min-width, auto);--sd-button-icon-only-size:var(--sd-button-icon-only-lg-width, var(--sd-button-height));line-height:30px}.sd-button--has-label{--sd-button-min-width:var(--sd-button-label-min-width, auto)}.sd-button--primary{background-color:var(--button-color);color:white;transition:filter 0.2s ease}.sd-button--primary::before{content:"";position:absolute;inset:0;background:#000000;opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--primary:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.25}.sd-button--outline{background:white;border:var(--sd-button-border-width-default, 1px) solid var(--button-color);color:var(--button-color)}.sd-button--outline::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--outline:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--outline .sd-button__content{position:relative;z-index:1}.sd-button--ghost{background-color:transparent;color:var(--button-color);border-color:transparent}.sd-button--ghost::before{content:"";position:absolute;inset:0;background:var(--button-color);opacity:0;transition:opacity 0.2s ease;z-index:0}.sd-button--ghost:hover:not(.sd-button--disabled):not(.sd-button--loading)::before{opacity:0.15}.sd-button--ghost .sd-button__content{position:relative;z-index:1}.sd-button--disabled{border:var(--sd-button-border-width-default, 1px) solid var(--sd-button-border-disabled, #CCCCCC);background:var(--sd-button-bg-disabled, #E1E1E1);color:var(--sd-button-content-disabled, #888888);cursor:not-allowed !important}.sd-button--icon-only{padding:0;width:var(--sd-button-icon-only-size, var(--sd-button-height));min-width:var(--sd-button-icon-only-size, var(--sd-button-height));height:var(--sd-button-icon-only-size, var(--sd-button-height))}.sd-button--no-hover:hover::before{opacity:0 !important}.sd-button .sd-button__content{display:inline-flex;align-items:center;justify-content:center;gap:var(--sd-button-gap);z-index:1;font-weight:inherit}sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide{display:inline-flex;align-items:center;height:fit-content;width:fit-content}sd-guide .sd-guide .sd-button{padding:0 16px 0 12px;border-radius:16px;color:#333333 !important;display:flex;align-items:center;transition:none}sd-guide .sd-guide .sd-button .sd-button__content{color:#333333 !important}sd-guide .sd-guide .sd-button .sd-button__content .sd-button__label{color:#333333 !important;margin-left:4px}sd-guide .sd-guide--active .sd-button{border:1px solid #00973C}sd-guide .sd-guide--active .sd-button .sd-button__content .sd-button__label{color:white !important}.sd-guide__popup{position:relative;padding:20px 32px;border-radius:8px;box-shadow:4px 4px 24px 4px rgba(0, 0, 0, 0.1);background:white}.sd-guide__popup>.sd-guide__popup__close{position:absolute;top:12px;right:12px}.sd-guide__popup__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-guide__popup__header .sd-guide__popup__title{margin-top:0;font-size:16px;font-weight:700;line-height:26px;color:#333333}.sd-guide__popup__list{width:100%;padding:0;margin:0}.sd-guide__popup__list__item{display:flex;width:100%;align-items:start;list-style:none;color:#333333;font-size:12px;font-weight:400}.sd-guide__popup__list__item p{width:100%;padding:0;margin:0;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;min-width:0}.sd-guide__popup__list__item::before{display:block;content:"-";width:6px;color:#333333;font-size:12px;font-weight:400;margin-left:10px;margin-right:12px;flex-shrink:0}.sd-guide__popup__list__item--depth-2::before{content:"•"}.sd-guide__popup__list__item--depth-2{padding-left:26px}`;
|
|
4
4
|
|
|
5
5
|
const GUIDE_LABEL = {
|
|
6
6
|
help: '활용 TIP',
|
|
@@ -768,16 +768,16 @@ const SdTable = class {
|
|
|
768
768
|
return (h("td", { key: `virtual-${position}-spacer-${rowIdx}`, class: "sd-table__virtual-spacer", style: this.getSpacerCellStyle(spacerWidth), "aria-hidden": "true" }, h("div", { class: "sd-table__skeleton-cell" })));
|
|
769
769
|
}
|
|
770
770
|
render() {
|
|
771
|
-
return (h(Fragment, { key: '
|
|
771
|
+
return (h(Fragment, { key: 'ecdabe282d89b69a6ab0071a54b4543ba0a7bd49' }, h("div", { key: 'f8f488a37368f232f8f477b4b256e7ece392ab66', class: "sd-table__wrapper", style: {
|
|
772
772
|
'--table-width': this.width,
|
|
773
773
|
'--table-height': this.height,
|
|
774
|
-
} }, h("div", { key: '
|
|
774
|
+
} }, h("div", { key: '89f207b532e6fcda6b151a5ccc3c5a5a2c1776f9', class: "sd-table__container", style: {
|
|
775
775
|
'--table-container-height': `calc(${this.height} - ${this.pagination && this.innerRows.length > 0 ? 48 : 0}px)`,
|
|
776
|
-
} }, h("div", { key: '
|
|
776
|
+
} }, h("div", { key: 'd2e2c4551d12bc263f7a3350e3e8a510b4b42510', class: {
|
|
777
777
|
'sd-table__middle': true,
|
|
778
778
|
'sd-table__middle--scrollable': this.paginatedRows.length > 0,
|
|
779
779
|
'sd-table__middle--loading': this.isLoading,
|
|
780
|
-
} }, this.isLoading && (h("div", { key: '
|
|
780
|
+
} }, this.isLoading && (h("div", { key: '5abd8df69066b285457849070a6ebc427e6fc885', class: "sd-table__middle--loading__spinner" }, h("sd-loading-spinner", { key: '4d65723c26e60c6c715d954895318c1352ec89b6' }))), h("table", { key: 'b356f098d367132a312c1d6787ab926f49e679bf', part: "table", class: this.sdTableClasses }, this.renderHead(), this.renderBody())), !this.paginatedRows.length && (h("div", { key: '623462764a104fad535e744e3a7f85ea9dafcfa1', class: "sd-table__bottom" }, h("div", { key: '71bfc932f6a650a75f486ee49f395112fad339a9', class: "sd-table__no-data" }, h("slot", { key: '848935ba2e6312574c8bd39fff8bd62b4c0687f8', name: "no-data" }, this.noDataLabel))))), this.pagination && this.innerRows.length > 0 && (h("div", { key: '37f6231651b0250a75581fee64edfb15e4d53bc5', class: "sd-table__pagination" }, h("sd-pagination", { key: '2c6000fa1fe138242a81707f41d22253d31159c5', 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: '9b39f456c1fc8261ae737c964b4be33f15c9329d', value: this.pagination.rowsPerPage, options: this.rowsPerPageOption, width: "128px", onSdUpdate: (e) => this.changeRowsPerPage(e.detail.value) })))))));
|
|
781
781
|
}
|
|
782
782
|
static get watchers() { return {
|
|
783
783
|
"columns": [{
|
|
@@ -43,10 +43,10 @@ const SdTabs = class {
|
|
|
43
43
|
}
|
|
44
44
|
getBadgeName(tab) {
|
|
45
45
|
const color = this.isTabSelected(tab) ? 'blue' : 'grey';
|
|
46
|
-
return `
|
|
46
|
+
return `square_xs_${color}`;
|
|
47
47
|
}
|
|
48
48
|
render() {
|
|
49
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '4d8cefb01677f3788e5d6e729b81a837bd8a99d6', class: this.getContainerClasses() }, this.tabs.map((tab, index) => {
|
|
50
50
|
const badgeName = this.getBadgeName(tab);
|
|
51
51
|
return (h("div", { key: `tab-${index}`, class: this.getTabClasses(tab), "aria-label": tab.label || 'tab', onClick: () => this.handleTabClick(tab.value) }, h("span", { "data-label": tab.label, class: "sd-tabs__label" }, tab.label), tab.badge && h("sd-tag", { name: badgeName, label: tab.badge.toString() })));
|
|
52
52
|
})));
|