@sellmate/design-system 0.0.34 → 0.0.36

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

@@ -113,7 +113,7 @@ export class SdPortal {
         this.sdClose.emit();
     }
     render() {
-        return h("slot", { key: '40e54e01f3dc64a119fd52bc01fa7467bd93dc17' });
+        return h("slot", { key: 'f1445e7060928e48032fbed8f3b7604e626850c2' });
     }
     static get is() { return "sd-portal"; }
     static get properties() {

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

@@ -13,10 +13,10 @@ export class SdProgress {
         error: '#FB4444',
     };
     render() {
-        return (h(Host, { key: '2e2f7cf77bbc63dfb15910a3bc50ac45601020cd', style: {
+        return (h(Host, { key: '5ac52da4809e45fc5bc69991aea3bd423b72ffdc', style: {
                 '--progress-color': this.statusColor[this.status],
                 '--progress-percentage': `${this.percentage}%`,
-            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '3e72a490e148886c59345e5ac3161f760e0f4e85', class: "sd-progress__label" }, this.label)));
+            } }, this.type === 'bar' ? this.renderBarProgress() : this.renderSpinnerProgress(), this.label && h("div", { key: '7758a60580ab05cd2dd396b16cc4483d890e0498', class: "sd-progress__label" }, this.label)));
     }
     renderBarProgress() {
         return (h("div", { class: `sd-progress__bar sd-progress__bar--${this.status}` }, h("div", { class: ['sd-progress__bar__percent', this.percentage < 100 ? 'proceed' : ''].join(' ') }), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--left" }, this.percentage, "%"), h("div", { class: "sd-progress__bar__indicator sd-progress__bar__indicator--right" }, this.percentage, "%")));

package/dist/collection/components/sd-select/sd-select-option/sd-select-option.js

@@ -24,7 +24,7 @@ export class SdSelectOption {
         }
     };
     render() {
-        return (h(Host, { key: '57acf795fbb642249d9716fc8fa4123f2d939d2b' }, h("div", { key: '6653deafa3142a3bf9b67290dae411c29fc38f41', class: {
+        return (h(Host, { key: '56d2ed3525521a59eb3f0d8231a53259ebd22424' }, h("div", { key: '200849af32a94d4c9aeb35760ce3d8396da45836', class: {
                 'sd-select__option': true,
                 'sd-select__option--selected': this.isSelected,
                 'sd-select__option--disabled': !!this.option.disabled,

package/dist/collection/components/sd-select-multiple/sd-select-multiple.js

@@ -208,11 +208,11 @@ export class SdSelectMultiple extends BaseDropdownEvent {
             '--select-width': this.width || '200px',
             '--select-dropdown-height': this.dropdownHeight || '260px',
         };
-        return (h(Host, { key: 'c569bb885003048b6ec22bfb0688c671a70a27d5', style: style }, h("div", { key: '94b43199502f44f7d663981c320696c6e8cf968f', class: {
+        return (h(Host, { key: '5dd79017c9796e6412984675fcd3ec2d03e32012', style: style }, h("div", { key: '777e5c8c777fb421c06ccc99ad114077918d3091', 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: 'd4fd6929b78add118c01d7b52c1c1e0be9867924', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
+            }, ref: el => (this.selectRef = el) }, this.renderLabel(this.label), h("div", { key: '897dbc13dddd89e3bf3be9b77efe5aa04600ea1f', class: "sd-select-multiple__container" }, this.renderTrigger(), this.renderDropdown()))));
     }
     renderLabel(label) {
         if (!label)

package/dist/collection/components/sd-select-multiple-group/sd-select-option-group/sd-select-option-group.js

@@ -39,7 +39,7 @@ export class SdSelectOptionGroup {
         }
     };
     render() {
-        return (h("div", { key: 'ab10e48405e8457f1319518f9790c5dd94d1b5e6', class: {
+        return (h("div", { key: 'e873486c47436a1cb2e3797dfe06b89874429e18', class: {
                 'sd-select__option-group': true,
                 'sd-select__option-group--selected': !!this.isSelected,
                 'sd-select__option-group--disabled': !!this.option.disabled,
@@ -48,10 +48,10 @@ export class SdSelectOptionGroup {
                 'sd-select__option-group--group': this.option.type === 'group',
                 'sd-select__option-group--subgroup': this.option.type === 'subgroup',
                 'sd-select__option-group--item': this.option.type === 'item',
-            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: 'e9b0636bc98818aa48b5d486c3e5b4c216b76046', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'b7495da88ddad187588569c64235ccc1697466fe', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
+            }, onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false), style: this.optionStyle, "data-index": this.index, onClick: event => this.handleClick(this.option, this.isSelected, event) }, h("div", { key: '7a54f43c2f654f26ff44cb039136488b17492336', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'ffe73a278e2e4869b3389b15268ab3c6d1117d47', checked: this.isSelected, disabled: this.option.disabled, onClick: e => {
                 e.preventDefault();
                 this.handleClick(this.option, this.isSelected, e);
-            } })), h("span", { key: 'f8a51d2ea1a99ae17a1ba79fb6f802f0c2a27be1', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'ee29e4503321462981c6d6fe497d70f271e5f814', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
+            } })), h("span", { key: '7c05471592fd30b12b94d158b11c76e98f4634ef', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: 'd395b359af93878867f61990741d174bb81cd959', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
     }
     static get is() { return "sd-select-option-group"; }
     static get originalStyleUrls() {

package/dist/collection/components/sd-table/sd-table.css

@@ -41,6 +41,8 @@
   height: var(--table-height, auto);
 }
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table {
+  background-color: white;
+  display: table;
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
@@ -129,8 +131,8 @@
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table--no-data thead tr th.sd-th {
   border-bottom: 1px solid rgba(225, 225, 225, 0.4) !important;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table td,
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table th,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-td,
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-th,
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table .sd-th__content--label {
   overflow: hidden;
   white-space: nowrap;
@@ -140,10 +142,10 @@
 .sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead {
   height: 36px;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr {
   width: 100%;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th {
   background: #f5faff;
   height: 36px;
   padding: 0 16px;
@@ -154,22 +156,22 @@
   user-select: none;
   position: relative;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   gap: 4px;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--left {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--left {
   justify-content: flex-start;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--center {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--center {
   justify-content: center;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__content--right {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__content--right {
   justify-content: flex-end;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead tr th.sd-th .sd-th__resizer {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table thead sd-tr sd-th.sd-th .sd-th__resizer {
   position: absolute;
   top: 50%;
   right: 0;
@@ -181,7 +183,7 @@
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody .sd-table__loading {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody .sd-table__loading {
   position: absolute;
   top: 0;
   left: 0;
@@ -194,23 +196,23 @@
   align-items: center;
   justify-content: center;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr:last-of-type td {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr:last-of-type sd-td {
   border-bottom: none;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td {
   height: 44px;
   padding: 0 16px;
   border-bottom: 1px solid #e1e1e1;
   background: white;
   vertical-align: middle;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--left {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--left {
   text-align: left;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--center {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--center {
   text-align: center;
 }
-.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table tbody tr td.sd-td--right {
+.sd-table__wrapper .sd-table__container .sd-table__middle .sd-table sd-tbody sd-tr sd-td.sd-td--right {
   text-align: right;
 }
 .sd-table__wrapper .sd-table__container .sd-table__bottom {