@aquera/nile-elements 0.1.63-beta-1.0 → 0.1.63-beta-1.1

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.63-beta-1.0",
+  "version": "0.1.63-beta-1.1",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-auto-complete/nile-auto-complete.ts

@@ -71,7 +71,7 @@ export class NileAutoComplete extends NileElement {
   public render(): TemplateResult {
     const content=this.enableVirtualScroll?this.getVirtualizedContent():this.getContent();
     return html`
-      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
+      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick exportparts="input">
         <nile-input class="nile-auto-complete--input"
           ?no-border=${this.noBorder}
           ?no-outline=${this.noOutline}
@@ -83,6 +83,7 @@ export class NileAutoComplete extends NileElement {
           @click=${this.handleClick}
           slot="trigger"
           placeholder=${this.placeholder}
+          exportparts="input"
         >
           ${this.loading?html`<nile-icon slot="suffix" color="var(--nile-colors-primary-600)" name="button-loading-blue-animated"></nile-icon>`:nothing}
         </nile-input>
@@ -182,4 +183,4 @@ declare global {
   interface HTMLElementTagNameMap {
     'nile-auto-complete': NileAutoComplete;
   }
-}
+}

package/src/nile-chip/nile-chip.css.ts

@@ -171,6 +171,10 @@ export const styles = css`
   .nile-chip__tags {
     margin: var(--nile-margin-size-rem-small);
   }
+
+  nile-auto-complete::part(input) {
+    padding: 0px;
+  }
 `;
 
 export default [styles];

package/src/nile-chip/nile-chip.ts

@@ -214,7 +214,7 @@ export class NileChip extends NileElement {
               .noPadding=${true}
               .disabled=${this.disabled}
               openOnFocus
-              exportparts="options__wrapper"
+              exportparts="options__wrapper, input"
               .placeholder=${this.placeholder}
               @nile-input=${this.handleInputChange}
               @keydown=${this.handleInputKeydown}