@sellmate/design-system 1.0.76 → 1.0.77

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

@@ -1,75 +0,0 @@
-sd-select-option-group {
-  display: block;
-  height: fit-content;
-}
-sd-select-option-group .sd-select__option-group {
-  display: flex;
-  padding: 4px 12px;
-  padding-left: 12px;
-  font-size: 12px;
-  line-height: 20px;
-  cursor: pointer;
-}
-sd-select-option-group .sd-select__option-group.sd-select__option-group--group:not(.sd-select__option-group--use-checkbox), sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup:not(.sd-select__option-group--use-checkbox) {
-  cursor: default !important;
-}
-sd-select-option-group .sd-select__option-group.sd-select__option-group--group {
-  background-color: #F5FAFF !important;
-  color: #333333 !important;
-  font-weight: 700;
-}
-sd-select-option-group .sd-select__option-group.sd-select__option-group--subgroup {
-  padding-left: 20px;
-  background-color: #F9F9F9 !important;
-  color: #333333 !important;
-  font-weight: 500;
-}
-sd-select-option-group .sd-select__option-group.sd-select__option-group--item {
-  padding-left: 28px;
-}
-sd-select-option-group .sd-select__option-group sd-checkbox__bg {
-  border-color: #888888;
-}
-sd-select-option-group .sd-select__option-group__label-wrapper {
-  display: flex;
-  width: 100%;
-  column-gap: 8px;
-  align-items: center;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-sd-select-option-group .sd-select__option-group__label-wrapper sd-checkbox {
-  flex-shrink: 0;
-}
-sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group-label {
-  flex: 0 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-sd-select-option-group .sd-select__option-group__label-wrapper .sd-select__option-group__count-indicator {
-  width: fit-content;
-  flex-shrink: 0;
-  font-size: 12px;
-  font-weight: 500;
-  color: #888888;
-}
-sd-select-option-group .sd-select__option-group--focused {
-  background-color: #E6F1FF;
-}
-sd-select-option-group .sd-select__option-group--selected.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox), sd-select-option-group .sd-select__option-group--focused.sd-select__option-group--item:not(:hover):not(.sd-select__option-group--use-checkbox) {
-  color: #0075FF;
-  font-weight: 700;
-}
-sd-select-option-group .sd-select__option-group--disabled {
-  color: #AAAAAA;
-  cursor: not-allowed;
-}
-sd-select-option-group .sd-select__option-group:hover:not(.sd-select__option-group--disabled) {
-  background-color: #0075FF;
-  color: white;
-}
-sd-select-option-group .sd-select__option-group:hover.sd-select__option-group--selected:not(.sd-select__option-group--group):not(.sd-select__option-group--subgroup) sd-checkbox .sd-checkbox__bg {
-  border-color: white !important;
-}

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

@@ -1,305 +0,0 @@
-import { h } from "@stencil/core";
-export class SdSelectOptionGroup {
-    el;
-    option;
-    index;
-    isSelected = false;
-    isFocused = false;
-    optionStyle;
-    disabled = false;
-    useCheckbox = false;
-    useIndicator = true;
-    countInfo = {
-        selectedCount: 0,
-        totalCount: 0,
-    };
-    isHovered = false;
-    async isDisabled() {
-        return !!this.option.disabled || this.option.type === 'group' || this.option.type === 'subgroup';
-    }
-    optionClick;
-    handleClick = (option, isSelected, event) => {
-        event.stopPropagation();
-        if (option.type === 'group' || option.type === 'subgroup') {
-            this.optionClick.emit({
-                option: this.option,
-                isSelected,
-                index: this.index,
-                event,
-            });
-            return;
-        }
-        if (!this.option.disabled && !this.disabled) {
-            this.optionClick.emit({
-                option: this.option,
-                isSelected,
-                index: this.index,
-                event,
-            });
-        }
-    };
-    render() {
-        return (h("div", { key: '647a7be115df96fe30d3b69d3b09ee45d229d86c', class: {
-                'sd-select__option-group': true,
-                'sd-select__option-group--selected': !!this.isSelected,
-                'sd-select__option-group--disabled': !!this.option.disabled,
-                'sd-select__option-group--focused': this.isFocused,
-                'sd-select__option-group--use-checkbox': this.useCheckbox,
-                '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: 'b1b1697c34e57667203992f8e4e6e9438f204dea', class: "sd-select__option-group__label-wrapper" }, this.useCheckbox && (h("sd-checkbox", { key: 'b67bec9cfd93739348f7d6c3e93945c28171e752', value: this.isSelected, disabled: this.option.disabled, onClick: e => {
-                e.preventDefault();
-                this.handleClick(this.option, this.isSelected, e);
-            } })), h("span", { key: 'a65090e487a45acec39155aa6df00a1500249e20', class: "sd-select__option-group-label" }, this.option.label), this.useIndicator && this.option.type !== 'item' && (h("span", { key: '5024421742568127097655bcb39af70b61cc3403', class: "sd-select__option-group__count-indicator" }, `(${this.countInfo?.selectedCount}/${this.countInfo?.totalCount})`)))));
-    }
-    static get is() { return "sd-select-option-group"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["sd-select-option-group.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["sd-select-option-group.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "option": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "SelectOptionGroup",
-                    "resolved": "SelectOptionGroup",
-                    "references": {
-                        "SelectOptionGroup": {
-                            "location": "import",
-                            "path": "../../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup",
-                            "referenceLocation": "SelectOptionGroup"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "index": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "index"
-            },
-            "isSelected": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean | null",
-                    "resolved": "boolean | null",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-selected",
-                "defaultValue": "false"
-            },
-            "isFocused": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-focused",
-                "defaultValue": "false"
-            },
-            "optionStyle": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{ [key: string]: string }",
-                    "resolved": "undefined | { [key: string]: string; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "useCheckbox": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "use-checkbox",
-                "defaultValue": "false"
-            },
-            "useIndicator": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "use-indicator",
-                "defaultValue": "true"
-            },
-            "countInfo": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{ selectedCount: number; totalCount: number }",
-                    "resolved": "undefined | { selectedCount: number; totalCount: number; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "{\n  selectedCount: 0,\n  totalCount: 0,\n }"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isHovered": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "optionClick",
-                "name": "optionClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "{\n  option: SelectOptionGroup;\n  isSelected: boolean | null;\n  index: number;\n  event: MouseEvent;\n }",
-                    "resolved": "{ option: SelectOptionGroup; isSelected: boolean | null; index: number; event: MouseEvent; }",
-                    "references": {
-                        "SelectOptionGroup": {
-                            "location": "import",
-                            "path": "../../sd-select/sd-select",
-                            "id": "src/components/sd-select/sd-select.tsx::SelectOptionGroup",
-                            "referenceLocation": "SelectOptionGroup"
-                        },
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "isDisabled": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/collection/components/sd-select-v2/sd-select-v2.css

@@ -1,11 +0,0 @@
-sd-select-v2 {
-  display: inline-flex;
-}
-sd-select-v2 sd-portal {
-  display: none;
-}
-sd-select-v2 .sd-select-v2 {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}