@aquera/nile-elements 0.0.1-beta.9 → 0.0.3-1

package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js

@@ -1,123 +0,0 @@
-import { __decorate } from "tslib";
-import { html, property, } from 'lit-element';
-import { customElement, query, state } from 'lit/decorators.js';
-import NileElement from '../internal/nile-element';
-import { watch } from '../watch';
-// Define the custom element 'nile-auto-complete'
-let NileAutoComplete = class NileAutoComplete extends NileElement {
-    constructor() {
-        super(...arguments);
-        // Define component properties
-        this.isDropdownOpen = false;
-        this.openOnFocus = false;
-        this.value = '';
-        this.placeholder = 'Type here ..';
-        this.noBorder = false;
-        this.menuItems = [];
-        this.allMenuItems = [];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.menuItems = [...this.allMenuItems];
-    }
-    // Watch for changes in 'allMenuItems' property
-    handleAllMenuItemsChange() {
-        this.menuItems = [...this.allMenuItems];
-    }
-    // Watch for changes in 'value' and 'isDropdownOpen' properties
-    async handleValueChange() {
-        await this.updateComplete;
-        // Filter menu items based on the search value
-        this.menuItems = this.allMenuItems.filter((item) => item.toLowerCase().includes(this.value?.toLowerCase()));
-    }
-    handleSelect(event) {
-        this.value = event.detail.value;
-        this.emit('nile-complete', { value: event.detail.value });
-        this.isDropdownOpen = false;
-        this.dropdownElement?.hide();
-    }
-    handleSearch(event) {
-        const searchValue = event.detail.value.toLowerCase();
-        this.value = searchValue;
-        // Filter menu items based on the search value
-        this.menuItems = this.allMenuItems.filter((item) => item?.toLowerCase().includes(searchValue));
-        this.isDropdownOpen = this.menuItems.length > 0;
-        if (this.isDropdownOpen)
-            this.dropdownElement?.show();
-    }
-    handleFocus() {
-        if (!this.openOnFocus) {
-            return;
-        }
-        // Delay opening the dropdown to allow focus to take effect
-        setTimeout(() => {
-            this.isDropdownOpen = true;
-            this.dropdownElement?.show();
-        }, 300);
-    }
-    handleClick() {
-        this.isDropdownOpen = true;
-        this.dropdownElement?.show();
-    }
-    render() {
-        return html `
-      <nile-dropdown class="nile-dropdown--input" ?open=${this.isDropdownOpen} noOpenOnCLick>
-        <nile-input class="nile-auto-complete--input"
-          ?no-border=${this.noBorder}
-          .value=${this.value}
-          @nile-input=${this.handleSearch}
-          @focus=${this.handleFocus}
-          @click=${this.handleClick}
-          slot="trigger"
-          placeholder=${this.placeholder}
-        ></nile-input>
-        ${this.menuItems.length > 0
-            ? html `
-              <nile-menu @nile-select=${this.handleSelect}>
-                ${this.menuItems.map((item) => html `
-                    <nile-menu-item value=${item}>${item}</nile-menu-item>
-                  `)}
-              </nile-menu>
-            `
-            : ''}
-      </nile-dropdown>
-    `;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], NileAutoComplete.prototype, "isDropdownOpen", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileAutoComplete.prototype, "openOnFocus", void 0);
-__decorate([
-    property({ type: String })
-], NileAutoComplete.prototype, "value", void 0);
-__decorate([
-    property({ type: String })
-], NileAutoComplete.prototype, "placeholder", void 0);
-__decorate([
-    property({ type: Boolean })
-], NileAutoComplete.prototype, "noBorder", void 0);
-__decorate([
-    state()
-], NileAutoComplete.prototype, "menuItems", void 0);
-__decorate([
-    property({ type: Array })
-], NileAutoComplete.prototype, "allMenuItems", void 0);
-__decorate([
-    query('nile-dropdown')
-], NileAutoComplete.prototype, "dropdownElement", void 0);
-__decorate([
-    watch('allMenuItems')
-], NileAutoComplete.prototype, "handleAllMenuItemsChange", null);
-__decorate([
-    watch('value', { waitUntilFirstUpdate: true }),
-    watch('isDropdownOpen', { waitUntilFirstUpdate: true })
-], NileAutoComplete.prototype, "handleValueChange", null);
-NileAutoComplete = __decorate([
-    customElement('nile-auto-complete')
-], NileAutoComplete);
-export { NileAutoComplete };
-export default NileAutoComplete;
-//# sourceMappingURL=nile-auto-complete.js.map

package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":";AAAA,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhE,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,iDAAiD;AAEjD,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,WAAW;IAAjD;;QACE,8BAA8B;QACD,mBAAc,GAAY,KAAK,CAAC;QAEhC,gBAAW,GAAY,KAAK,CAAC;QAE9B,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,cAAc,CAAC;QAEpC,aAAQ,GAAY,KAAK,CAAC;QAE9C,cAAS,GAAQ,EAAE,CAAC;QAEF,iBAAY,GAAQ,EAAE,CAAC;IA0FpD,CAAC;IAtFC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAED,+CAA+C;IAE/C,wBAAwB;QACtB,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC;IAED,+DAA+D;IAI/D,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,8CAA8C;QAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAY,EAAE,EAAE,CACzD,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CACvD,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,KAAkB;QACrC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IAEO,YAAY,CAAC,KAAkB;QACrC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QACrD,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QAEzB,8CAA8C;QAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAY,EAAE,EAAE,CACzD,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAC1C,CAAC;QAEF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAChD,IAAI,IAAI,CAAC,cAAc;YAAE,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;IACxD,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QAED,2DAA2D;QAC3D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;QAC/B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,eAAe,EAAE,IAAI,EAAE,CAAC;IAC/B,CAAC;IAEM,MAAM;QACX,OAAO,IAAI,CAAA;0DAC2C,IAAI,CAAC,cAAc;;uBAEtD,IAAI,CAAC,QAAQ;mBACjB,IAAI,CAAC,KAAK;wBACL,IAAI,CAAC,YAAY;mBACtB,IAAI,CAAC,WAAW;mBAChB,IAAI,CAAC,WAAW;;wBAEX,IAAI,CAAC,WAAW;;UAE9B,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA;wCACwB,IAAI,CAAC,YAAY;kBACvC,IAAI,CAAC,SAAS,CAAC,GAAG,CAClB,CAAC,IAAa,EAAG,EAAE,CAAC,IAAI,CAAA;4CACE,IAAI,IAAI,IAAI;mBACrC,CACF;;aAEJ;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AAtG8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDAAiC;AAEhC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDAA8B;AAE9B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAoB;AAEnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAAsC;AAEpC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAA2B;AAE9C;IAAR,KAAK,EAAE;mDAAqB;AAEF;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;sDAAwB;AAE1B;IAAvB,KAAK,CAAC,eAAe,CAAC;yDAAsB;AAS7C;IADC,KAAK,CAAC,cAAc,CAAC;gEAGrB;AAMD;IAHC,KAAK,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IAE9C,KAAK,CAAC,gBAAgB,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;yDAOvD;AAvCU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAwG5B;SAxGY,gBAAgB;AA0G7B,eAAe,gBAAgB,CAAC","sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-auto-complete.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../watch';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n  // Define component properties\n  @property({ type: Boolean }) isDropdownOpen: boolean = false;\n\n  @property({ type: Boolean }) openOnFocus: boolean = false;\n\n  @property({ type: String }) value: string = '';\n\n  @property({ type: String }) placeholder: string = 'Type here ..';\n\n  @property({ type: Boolean }) noBorder: boolean = false;\n\n  @state() menuItems: any = [];\n\n  @property({ type: Array }) allMenuItems: any = [];\n\n  @query('nile-dropdown') dropdownElement: any;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'allMenuItems' property\n  @watch('allMenuItems')\n  handleAllMenuItemsChange() {\n    this.menuItems = [...this.allMenuItems];\n  }\n\n  // Watch for changes in 'value' and 'isDropdownOpen' properties\n  @watch('value', { waitUntilFirstUpdate: true })\n\n  @watch('isDropdownOpen', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item.toLowerCase().includes(this.value?.toLowerCase())\n    );\n  }\n\n  private handleSelect(event: CustomEvent) {\n    this.value = event.detail.value;\n    this.emit('nile-complete', { value: event.detail.value });\n    this.isDropdownOpen = false;\n    this.dropdownElement?.hide();\n  }\n\n  private handleSearch(event: CustomEvent) {\n    const searchValue = event.detail.value.toLowerCase();\n    this.value = searchValue;\n\n    // Filter menu items based on the search value\n    this.menuItems = this.allMenuItems.filter((item: string) =>\n      item?.toLowerCase().includes(searchValue)\n    );\n\n    this.isDropdownOpen = this.menuItems.length > 0;\n    if (this.isDropdownOpen) this.dropdownElement?.show();\n  }\n\n  public handleFocus() {\n    if (!this.openOnFocus) {\n      return;\n    }\n\n    // Delay opening the dropdown to allow focus to take effect\n    setTimeout(() => {\n      this.isDropdownOpen = true;\n      this.dropdownElement?.show();\n    }, 300);\n  }\n\n  private handleClick() {\n    this.isDropdownOpen = true;\n    this.dropdownElement?.show();\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <nile-dropdown class=\"nile-dropdown--input\" ?open=${this.isDropdownOpen} noOpenOnCLick>\n        <nile-input class=\"nile-auto-complete--input\"\n          ?no-border=${this.noBorder}\n          .value=${this.value}\n          @nile-input=${this.handleSearch}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n          slot=\"trigger\"\n          placeholder=${this.placeholder}\n        ></nile-input>\n        ${this.menuItems.length > 0\n          ? html`\n              <nile-menu @nile-select=${this.handleSelect}>\n                ${this.menuItems.map(\n                  (item: unknown)  => html`\n                    <nile-menu-item value=${item}>${item}</nile-menu-item>\n                  `\n                )}\n              </nile-menu>\n            `\n          : ''}\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileAutoComplete;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-auto-complete': NileAutoComplete;\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-button/nile-button.css.js

@@ -1,421 +0,0 @@
-/**
- * Copyright Aquera Inc 2023
- *
- * This source code is licensed under the BSD-3-Clause license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { css } from 'lit-element';
-/**
- * Button CSS
- */
-export const styles = css `
-  :host {
-    display: inline-block;
-    position: relative;
-    width: auto;
-    cursor: pointer;
-  }
-
-  .button {
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: center;
-    width: 100%;
-    border-style: solid;
-    border-width: 1px;
-    font-style: normal;
-    font-weight: 400;
-    font-size: var(--nile-font-size-base);
-    line-height: var(--nile-font-size-base);
-    text-align: center;
-    letter-spacing: 0.2px;
-    text-decoration: none;
-    user-select: none;
-    white-space: nowrap;
-    vertical-align: middle;
-    padding: var(--nile-spacing-one-half-x);
-    transition: var(--nile-transition-duration-default) background-color,
-      var(--nile-transition-duration-default) color,
-      var(--nile-transition-duration-default) border,
-      var(--nile-transition-duration-default) box-shadow;
-    cursor: inherit;
-  }
-
-  .button::-moz-focus-inner {
-    border: 0;
-  }
-
-  .button:focus {
-    outline: none;
-  }
-
-  .button:focus-visible {
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: 2px;
-  }
-
-  .button--disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .button--disabled * {
-    pointer-events: none;
-  }
-
-  .button__prefix,
-  .button__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    pointer-events: none;
-  }
-  .button__label {
-    display: inline-block;
-  }
-
-  .button__label::slotted(nile-icon) {
-    vertical-align: -2px;
-  }
-
-  .button--standard.button--secondary {
-    background-color: var(--nile-colors-neutral-400);
-    border-color: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-neutral-700);
-  }
-
-  .button--standard.button--secondary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-neutral-500);
-    border-color: var(--nile-colors-neutral-500);
-    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
-    color: var(--nile-colors-neutral-700);
-  }
-
-  .button--standard.button--secondary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-neutral-500);
-    border-color: var(--nile-colors-neutral-700);
-    color: var(--nile-colors-neutral-700);
-  }
-
-  .button--standard.button--secondary.button--disabled {
-    background-color: var(--nile-colors-neutral-400);
-    border-color: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-dark-500);
-    cursor: not-allowed;
-  }
-
-  .button--standard.button--secondary.button--disabled:hover,
-  .button--standard.button--secondary.button--disabled:active {
-    background-color: var(--nile-colors-neutral-400);
-    border-color: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-dark-500);
-    box-shadow: none;
-  }
-
-  /* Primary */
-  .button--standard.button--primary {
-    background-color: var(--nile-colors-primary-600);
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--standard.button--primary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-primary-700);
-    border-color: var(--nile-colors-primary-700);
-    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--standard.button--primary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-primary-700);
-    border-color: var(--nile-colors-primary-900);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--standard.button--primary.button--disabled {
-    background-color: var(--nile-colors-primary-600);
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-neutral-700);
-    cursor: not-allowed;
-  }
-
-  .button--standard.button--primary.button--disabled:hover,
-  .button--standard.button--primary.button--disabled:active {
-    background-color: var(--nile-colors-primary-600);
-    border-color: var(--nile-colors-primary-600);
-    color: var(--nile-colors-neutral-700);
-    box-shadow: none;
-  }
-
-  /* Tertiary */
-  .button--standard.button--tertiary {
-    background-color: var(--nile-colors-white-base);
-    border-color: var(--nile-colors-neutral-500);
-    color: var(--nile-colors-neutral-700);
-    box-shadow: 0px 2px 4px var(--nile-colors-dark-200);
-  }
-
-  .button--standard.button--tertiary:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-neutral-100);
-    border-color: var(--nile-colors-neutral-500);
-    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
-    color: var(--nile-colors-neutral-700);
-  }
-
-  .button--standard.button--tertiary:active:not(.button--disabled) {
-    background-color: var(--nile-colors-neutral-400);
-    border-color: var(--nile-colors-neutral-700);
-    color: var(--nile-colors-neutral-700);
-  }
-  .button--standard.button--tertiary.button--disabled {
-    background-color: var(--nile-colors-white-base);
-    border-color: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-neutral-700);
-    cursor: not-allowed;
-    box-shadow: none;
-  }
-
-  .button--standard.button--tertiary.button--disabled:hover,
-  .button--standard.button--tertiary.button--disabled:active {
-    background-color: var(--nile-colors-white-base);
-    border-color: var(--nile-colors-neutral-400);
-    color: var(--nile-colors-neutral-700);
-    box-shadow: none;
-  }
-
-  /* caution */
-  .button--standard.button--caution {
-    background-color: var(--nile-colors-red-500);
-    border-color: var(--nile-colors-red-500);
-    color: var(--nile-colors-white-base);
-  }
-  .button--standard.button--caution:hover:not(.button--disabled) {
-    background-color: var(--nile-colors-red-700);
-    border-color: var(--nile-colors-red-700);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--standard.button--caution:active:not(.button--disabled) {
-    background-color: var(--nile-colors-red-700);
-    border-color: var(--nile-colors-red-500);
-    color: var(--nile-colors-white-base);
-  }
-
-  .button--standard.button--tertiary.button--disabled {
-    background-color: var(--nile-colors-neutral-100);
-    border-color: var(--nile-colors-neutral-100);
-    color: var(--nile-colors-neutral-400);
-    cursor: not-allowed;
-    box-shadow: none;
-  }
-
-  .button--standard.button--tertiary.button--disabled:hover,
-  .button--standard.button--tertiary.button--disabled:active {
-    background-color: var(--nile-colors-neutral-100);
-    border-color: var(--nile-colors-neutral-100);
-    color: var(--nile-colors-neutral-400);
-    box-shadow: none;
-  }
-
-  /*
- * Size modifiers
- */
-
-  .button--small {
-    height: auto;
-    min-height: 24px;
-    font-size: 0.875rem;
-    line-height: calc(24px - var(--nile-spacing-one-half-x) * 2);
-    border-radius: var(--nile-radius-base-standard);
-  }
-
-  .button--medium {
-    height: auto;
-    min-height: 38px;
-    font-size: 0.875rem;
-    line-height: calc(38px - var(--nile-spacing-one-half-x) * 2);
-    font-size: var(--nile-font-size-base);
-    border-radius: var(--nile-radius-base-standard);
-  }
-
-  .button--large {
-    height: auto;
-    min-height: 40px;
-    font-size: 1rem;
-    line-height: calc(40px - var(--nile-spacing-one-half-x) * 2);
-    border-radius: 6px;
-  }
-
-  /*
- * Pill modifier
- */
-
-  .button--pill.button--small {
-    border-radius: 24px;
-  }
-
-  .button--pill.button--medium {
-    border-radius: 32px;
-  }
-
-  .button--pill.button--large {
-    border-radius: 40px;
-  }
-
-  /*
- * Circle modifier
- */
-
-  .button--circle {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .button--circle.button--small {
-    width: 24px;
-    height: 24px;
-    border-radius: 50%;
-  }
-
-  .button--circle.button--medium {
-    width: 38px;
-    height: 38px;
-    border-radius: 50%;
-  }
-
-  .button--circle.button--large {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-  }
-
-  .button--circle .button__prefix,
-  .button--circle .button__suffix,
-  .button--circle .button__caret {
-    display: none;
-  }
-
-  /* Caret modifier */
-
-  .button--caret .button__suffix {
-    display: none;
-  }
-
-  .button--caret .button__caret {
-    height: auto;
-  }
-
-  /*
- * Loading modifier
- */
-
-  .button--loading {
-    position: relative;
-    cursor: wait;
-  }
-
-  .button--loading .button__prefix,
-  .button--loading .button__label,
-  .button--loading .button__suffix,
-  .button--loading .button__caret {
-    visibility: hidden;
-  }
-
-  .button--loading nile-spinner {
-    --indicator-color: currentColor;
-    position: absolute;
-    font-size: 1em;
-    height: 1em;
-    width: 1em;
-    top: calc(50% - 0.5em);
-    left: calc(50% - 0.5em);
-  }
-  /*
- * Badges
- */
-
-  .button ::slotted(nile-badge) {
-    position: absolute;
-    top: 0;
-    right: 0;
-    translate: 50% -50%;
-    pointer-events: none;
-  }
-
-  .button--rtl ::slotted(nile-badge) {
-    right: auto;
-    left: 0;
-    translate: -50% -50%;
-  }
-
-  /*
- * Button spacing
- */
-
-  .button--has-label.button--small .button__label {
-    padding: 0 var(--nile-spacing-one-half-x);
-  }
-
-  .button--has-label.button--medium .button__label {
-    padding: 0 var(--nile-spacing-2-x);
-  }
-
-  .button--has-label.button--large .button__label {
-    padding: 0 var(--nile-spacing-3-x);
-  }
-
-  .button--has-prefix.button--small {
-    padding-inline-start: var(--nile-spacing-one-half-x);
-  }
-
-  .button--has-prefix.button--small .button__label {
-    padding-inline-start: var(--nile-spacing-one-half-x);
-  }
-
-  .button--has-prefix.button--medium {
-    padding-inline-start: var(--nile-spacing-2-x);
-  }
-
-  .button--has-prefix.button--medium .button__label {
-    padding-inline-start: var(--nile-spacing-2-x);
-  }
-
-  .button--has-prefix.button--large {
-    padding-inline-start: var(--nile-spacing-2-x);
-  }
-
-  .button--has-prefix.button--large .button__label {
-    padding-inline-start: var(--nile-spacing-2-x);
-  }
-
-  .button--has-suffix.button--small,
-  .button--caret.button--small {
-    padding-inline-end: var(--nile-spacing-one-half-x);
-  }
-
-  .button--has-suffix.button--small .button__label,
-  .button--caret.button--small .button__label {
-    padding-inline-end: var(--nile-spacing-one-half-x);
-  }
-
-  .button--has-suffix.button--medium,
-  .button--caret.button--medium {
-    padding-inline-end: var(--nile-spacing-2-x);
-  }
-
-  .button--has-suffix.button--medium .button__label,
-  .button--caret.button--medium .button__label {
-    padding-inline-end: var(--nile-spacing-2-x);
-  }
-
-  .button--has-suffix.button--large,
-  .button--caret.button--large {
-    padding-inline-end: var(--nile-spacing-2-x);
-  }
-
-  .button--has-suffix.button--large .button__label,
-  .button--caret.button--large .button__label {
-    padding-inline-end: var(--nile-spacing-2-x);
-  }
-`;
-//# sourceMappingURL=nile-button.css.js.map

package/.rollup.cache/Users/ravisankar/aquera/nile/packages/nile-elements/dist/src/nile-button/nile-button.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-button.css.js","sourceRoot":"","sources":["../../../src/nile-button/nile-button.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyZxB,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Button CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: center;\n    width: 100%;\n    border-style: solid;\n    border-width: 1px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: var(--nile-font-size-base);\n    line-height: var(--nile-font-size-base);\n    text-align: center;\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    padding: var(--nile-spacing-one-half-x);\n    transition: var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) border,\n      var(--nile-transition-duration-default) box-shadow;\n    cursor: inherit;\n  }\n\n  .button::-moz-focus-inner {\n    border: 0;\n  }\n\n  .button:focus {\n    outline: none;\n  }\n\n  .button:focus-visible {\n    outline: 5px auto -webkit-focus-ring-color;\n    outline-offset: 2px;\n  }\n\n  .button--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  .button__prefix,\n  .button__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n  }\n  .button__label {\n    display: inline-block;\n  }\n\n  .button__label::slotted(nile-icon) {\n    vertical-align: -2px;\n  }\n\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border-color: var(--nile-colors-neutral-500);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary.button--disabled:hover,\n  .button--standard.button--secondary.button--disabled:active {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-dark-500);\n    box-shadow: none;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n    background-color: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-700);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700);\n    border-color: var(--nile-colors-primary-900);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-neutral-700);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--primary.button--disabled:hover,\n  .button--standard.button--primary.button--disabled:active {\n    background-color: var(--nile-colors-primary-600);\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-neutral-700);\n    box-shadow: none;\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-neutral-700);\n    box-shadow: 0px 2px 4px var(--nile-colors-dark-200);\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-500);\n    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-700);\n  }\n  .button--standard.button--tertiary.button--disabled {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-700);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-700);\n    box-shadow: none;\n  }\n\n  /* caution */\n  .button--standard.button--caution {\n    background-color: var(--nile-colors-red-500);\n    border-color: var(--nile-colors-red-500);\n    color: var(--nile-colors-white-base);\n  }\n  .button--standard.button--caution:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700);\n    border-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700);\n    border-color: var(--nile-colors-red-500);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--tertiary.button--disabled {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-neutral-400);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-100);\n    color: var(--nile-colors-neutral-400);\n    box-shadow: none;\n  }\n\n  /*\n * Size modifiers\n */\n\n  .button--small {\n    height: auto;\n    min-height: 24px;\n    font-size: 0.875rem;\n    line-height: calc(24px - var(--nile-spacing-one-half-x) * 2);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .button--medium {\n    height: auto;\n    min-height: 38px;\n    font-size: 0.875rem;\n    line-height: calc(38px - var(--nile-spacing-one-half-x) * 2);\n    font-size: var(--nile-font-size-base);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .button--large {\n    height: auto;\n    min-height: 40px;\n    font-size: 1rem;\n    line-height: calc(40px - var(--nile-spacing-one-half-x) * 2);\n    border-radius: 6px;\n  }\n\n  /*\n * Pill modifier\n */\n\n  .button--pill.button--small {\n    border-radius: 24px;\n  }\n\n  .button--pill.button--medium {\n    border-radius: 32px;\n  }\n\n  .button--pill.button--large {\n    border-radius: 40px;\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .button--circle.button--small {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n  }\n\n  .button--circle.button--medium {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n  }\n\n  .button--circle.button--large {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n  }\n\n  .button--circle .button__prefix,\n  .button--circle .button__suffix,\n  .button--circle .button__caret {\n    display: none;\n  }\n\n  /* Caret modifier */\n\n  .button--caret .button__suffix {\n    display: none;\n  }\n\n  .button--caret .button__caret {\n    height: auto;\n  }\n\n  /*\n * Loading modifier\n */\n\n  .button--loading {\n    position: relative;\n    cursor: wait;\n  }\n\n  .button--loading .button__prefix,\n  .button--loading .button__label,\n  .button--loading .button__suffix,\n  .button--loading .button__caret {\n    visibility: hidden;\n  }\n\n  .button--loading nile-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    font-size: 1em;\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n  /*\n * Badges\n */\n\n  .button ::slotted(nile-badge) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    translate: 50% -50%;\n    pointer-events: none;\n  }\n\n  .button--rtl ::slotted(nile-badge) {\n    right: auto;\n    left: 0;\n    translate: -50% -50%;\n  }\n\n  /*\n * Button spacing\n */\n\n  .button--has-label.button--small .button__label {\n    padding: 0 var(--nile-spacing-one-half-x);\n  }\n\n  .button--has-label.button--medium .button__label {\n    padding: 0 var(--nile-spacing-2-x);\n  }\n\n  .button--has-label.button--large .button__label {\n    padding: 0 var(--nile-spacing-3-x);\n  }\n\n  .button--has-prefix.button--small {\n    padding-inline-start: var(--nile-spacing-one-half-x);\n  }\n\n  .button--has-prefix.button--small .button__label {\n    padding-inline-start: var(--nile-spacing-one-half-x);\n  }\n\n  .button--has-prefix.button--medium {\n    padding-inline-start: var(--nile-spacing-2-x);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--nile-spacing-2-x);\n  }\n\n  .button--has-prefix.button--large {\n    padding-inline-start: var(--nile-spacing-2-x);\n  }\n\n  .button--has-prefix.button--large .button__label {\n    padding-inline-start: var(--nile-spacing-2-x);\n  }\n\n  .button--has-suffix.button--small,\n  .button--caret.button--small {\n    padding-inline-end: var(--nile-spacing-one-half-x);\n  }\n\n  .button--has-suffix.button--small .button__label,\n  .button--caret.button--small .button__label {\n    padding-inline-end: var(--nile-spacing-one-half-x);\n  }\n\n  .button--has-suffix.button--medium,\n  .button--caret.button--medium {\n    padding-inline-end: var(--nile-spacing-2-x);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--nile-spacing-2-x);\n  }\n\n  .button--has-suffix.button--large,\n  .button--caret.button--large {\n    padding-inline-end: var(--nile-spacing-2-x);\n  }\n\n  .button--has-suffix.button--large .button__label,\n  .button--caret.button--large .button__label {\n    padding-inline-end: var(--nile-spacing-2-x);\n  }\n`;\n"]}