@sula-tech/webcomponents 0.5.0 → 0.7.0

package/dist/collection/components/sula-dropdown/sula-dropdown.js

@@ -60,21 +60,21 @@ export class SulaDropdown {
         return 'text-text-primary';
     }
     render() {
-        return (h(Host, { key: '3b1ef1e24d664cd64ea4d2918014e45c76122cfc', ref: node => (this.node = node) }, h("div", { key: '91521cd48754948f60b443bfd82c3d4f9657f06e', class: {
+        return (h(Host, { key: 'af171f9d30d47328809736bfd6ba701f0148a5ab', ref: node => (this.node = node) }, h("div", { key: 'ef5a81511095b6e6edf85db9b7edf46c3aff0b7b', class: {
                 'flex justify-between items-center border border-line-input h-[72px] px-16 rounded-xl relative': true,
                 'bg-surface-body cursor-pointer': !this.disabled,
                 'bg-states-bg-disabled': this.disabled,
                 'dropdown-focus': this.isFocused,
-            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'c2b3ad0e588a036d9ea238886e8973b9b5252dd9', class: "flex flex-col" }, h("label", { key: '0c26b0853cde1d66ef5912b7a73a3d63dcac8288', class: {
+            }, onClick: this.handleClick, tabIndex: 0, onFocus: this.handleFocus, onBlur: this.handleBlur }, h("div", { key: 'fee96c02b5b8e52d2e2abfac4ee9d6a3db8521c6', class: "flex flex-col" }, h("label", { key: 'a1a0ac4132c1a4bb4cac86dcbcccd981ee034c39', class: {
                 'text-base leading-4': !this.selectedItem,
                 'text-sm leading-4 font-bold': !!this.selectedItem,
                 'text-text-primary': !this.disabled,
                 'text-text-disabled': this.disabled,
-            } }, this.label), !!this.selectedItem && (h("span", { key: '9c363923f1fbeb9d3272091b38484c04c59a2a81', class: {
+            } }, this.label), !!this.selectedItem && (h("span", { key: 'e99a3a7e82876c2cacd3d2ed956eb6b5965ba9ac', class: {
                 'text-base leading-4 pt-4': true,
                 'text-text-primary': !this.disabled,
                 'text-text-disabled': this.disabled,
-            } }, this.selectedItem.title))), h("div", { key: '1f6fbe0eba9e367a91bf221859e9c6da7400d54e', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: '189da185e0d5a817bf1521ac84a25978956a9e8d', icon: `ph ph-caret-${this.showItems ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showItems && (h("div", { key: '12be36a5571c69d974213042d7ab4e06ad5554a5', class: "absolute z-50 top-[72px] left-0 w-full" }, h("sula-menu-select-list", { key: 'd0988ca8311fef8633a20fa0ce6b7f224796033e', items: this.items, fullWidth: true, onItemSelected: this.handleItemSelected }))))));
+            } }, this.selectedItem.title))), h("div", { key: 'adfab0de70c420ca4889606e9623b9d0f574646c', class: "flex items-center justify-center ml-8 leading-6 text-2xl" }, h("sula-icon", { key: '9e9b7c2e68037090e3d66cafd5052ddb7a4ae6b7', icon: `ph ph-caret-${this.showItems ? 'up' : 'down'}`, customClass: `${this.getIconClass()} text-2xl` })), this.showItems && (h("div", { key: '72c7054b3110563312e048f8e2c70cf1c18edfda', class: "absolute z-50 top-[72px] left-0 w-full" }, h("sula-menu-select-list", { key: 'fd63b80f52e1861f2bb1f0132a544ac8e4c6c4d6', items: this.items, fullWidth: true, onItemSelected: this.handleItemSelected }))))));
     }
     static get is() { return "sula-dropdown"; }
     static get encapsulation() { return "shadow"; }