@aquera/nile-elements 0.0.1-beta.8 → 0.0.2

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.d.ts

@@ -0,0 +1,27 @@
+export { NileButton } from './nile-button';
+export { NileHeading } from './nile-heading';
+export { NileIcon } from './nile-icon';
+export { NileInput } from './nile-input';
+export { NileSidebar } from './nile-sidebar';
+export { NileMenu } from './nile-menu';
+export { NileBadge } from './nile-badge';
+export { NileDrawer } from './nile-drawer';
+export { NileCheckbox } from './nile-checkbox';
+export { NileRadio } from './nile-radio';
+export { NileRadioGroup } from './nile-radio-group';
+export { NilePopup } from './nile-popup';
+export { NileTooltip } from './nile-tooltip';
+export { NileSlideToggle } from './nile-slide-toggle';
+export { NileLoader } from './nile-loader';
+export { NileProgressBar } from './nile-progress-bar';
+export { NileSpinner } from './nile-spinner';
+export { NileSelect } from './nile-select';
+export { NileOption } from './nile-option';
+export { NileTag } from './nile-tag';
+export { NileIconButton } from './nile-icon-button';
+export { NileMenuItem } from './nile-menu-item';
+export { NileDropdown } from './nile-dropdown';
+export { NileAutoComplete } from './nile-auto-complete';
+export { NileChip } from './nile-chip';
+export { NileTextarea } from './nile-textarea';
+export { NileErrorMessage } from './nile-error-message';

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js

@@ -0,0 +1,28 @@
+export { NileButton } from './nile-button';
+export { NileHeading } from './nile-heading';
+export { NileIcon } from './nile-icon';
+export { NileInput } from './nile-input';
+export { NileSidebar } from './nile-sidebar';
+export { NileMenu } from './nile-menu';
+export { NileBadge } from './nile-badge';
+export { NileDrawer } from './nile-drawer';
+export { NileCheckbox } from './nile-checkbox';
+export { NileRadio } from './nile-radio';
+export { NileRadioGroup } from './nile-radio-group';
+export { NilePopup } from './nile-popup';
+export { NileTooltip } from './nile-tooltip';
+export { NileSlideToggle } from './nile-slide-toggle';
+export { NileLoader } from './nile-loader';
+export { NileProgressBar } from './nile-progress-bar';
+export { NileSpinner } from './nile-spinner';
+export { NileSelect } from './nile-select';
+export { NileOption } from './nile-option';
+export { NileTag } from './nile-tag';
+export { NileIconButton } from './nile-icon-button';
+export { NileMenuItem } from './nile-menu-item';
+export { NileDropdown } from './nile-dropdown';
+export { NileAutoComplete } from './nile-auto-complete';
+export { NileChip } from './nile-chip';
+export { NileTextarea } from './nile-textarea';
+export { NileErrorMessage } from './nile-error-message';
+//# sourceMappingURL=index.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileErrorMessage } from './nile-error-message';\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.css.js

@@ -0,0 +1,24 @@
+/**
+ * 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';
+/**
+ * AutoComplete CSS
+ */
+export const styles = css `
+  :host {
+  }
+
+  .nile-dropdown--input {
+    width: 100%;
+  }
+
+  .nile-auto-complete--input {
+    width: 100%;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-auto-complete.css.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-auto-complete.css.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,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 * AutoComplete CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-dropdown--input {\n    width: 100%;\n  }\n\n  .nile-auto-complete--input {\n    width: 100%;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.d.ts

@@ -0,0 +1,28 @@
+import { TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+export declare class NileAutoComplete extends NileElement {
+    static styles: CSSResultGroup;
+    isDropdownOpen: boolean;
+    openOnFocus: boolean;
+    value: string;
+    placeholder: string;
+    noBorder: boolean;
+    menuItems: any;
+    allMenuItems: any;
+    dropdownElement: any;
+    connectedCallback(): void;
+    handleAllMenuItemsChange(): void;
+    handleValueChange(): Promise<void>;
+    private handleSelect;
+    private handleSearch;
+    handleFocus(): void;
+    private handleClick;
+    render(): TemplateResult;
+}
+export default NileAutoComplete;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-auto-complete': NileAutoComplete;
+    }
+}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js

@@ -0,0 +1,125 @@
+import { __decorate } from "tslib";
+import { html, property, } from 'lit-element';
+import { customElement, query, state } from 'lit/decorators.js';
+import { styles } from './nile-auto-complete.css';
+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>
+    `;
+    }
+};
+NileAutoComplete.styles = styles;
+__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/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-auto-complete/nile-auto-complete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-auto-complete.js","sourceRoot":"","sources":["../../../src/nile-auto-complete/nile-auto-complete.ts"],"names":[],"mappings":"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","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';\nimport type { CSSResultGroup } from 'lit';\n\n// Define the custom element 'nile-auto-complete'\n@customElement('nile-auto-complete')\nexport class NileAutoComplete extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\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/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button/nile-button.css.js

@@ -0,0 +1,398 @@
+/**
+ * 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: center;
+    justify-content: center;
+    border-style: solid;
+    border-width: 1px;
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular);
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-type-scale-3);
+    text-align: center;
+    letter-spacing: 0.2px;
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    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;
+    padding: var(--nile-spacing-2-x);
+    gap: var(--nile-spacing-2-x);
+    border-radius: var(--nile-radius-base-standard);
+    line-height: var(--nile-type-scale-3);
+    box-sizing: border-box;
+    height: 38px;
+  }
+
+  .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__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-900);
+  }
+
+  .button--standard.button--secondary:hover:not(.button--disabled) {
+    background-color: var(--nile-colors-neutral-500);
+    border : none;
+    box-shadow: 0px 4px 8px var(--nile-colors-dark-200);
+    color: var(--nile-colors-neutral-900);
+  }
+
+  .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-900);
+  }
+
+  .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-neutral-700);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
+    cursor: not-allowed;
+  }
+
+  .button--standard.button--primary.button--disabled:hover,
+  .button--standard.button--primary.button--disabled:active {
+    background-color: var(--nile-colors-neutral-700);
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
+    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 {
+    border-color: #e5e9eb;
+    background-color: var(--nile-colors-white-base);
+    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 {
+    border-color: #e5e9eb;
+    background-color: var(--nile-colors-white-base);
+    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);
+  }
+
+    /*
+   * Outline buttons
+   */
+
+  .button--outline {
+    background: none;
+    border: solid 2px;
+  }
+
+  /* Default */
+  .button--outline.button--secondary {
+    border-color: var(--nile-colors-neutral-300);
+    color: var(--nile-colors-neutral-700);
+  }
+
+  .button--outline.button--secondary:hover:not(.button--disabled),
+  .button--outline.button--secondary.button--checked:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-white-base);
+  }
+
+  .button--outline.button--secondary:active:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  /* Primary */
+  .button--outline.button--primary {
+    border-color: var(--nile-colors-primary-600);
+    color: var(--nile-colors-primary-600);
+  }
+
+  .button--outline.button--primary:hover:not(.button--disabled),
+  .button--outline.button--primary.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+
+  .button--outline.button--primary:active:not(.button--disabled) {
+    border-color: var(--nile-colors-primary-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  /* Success */
+  .button--outline.button--success {
+    border-color: var(--nile-colors-green-600);
+    color: var(--nile-colors-green-600);
+  }
+
+  .button--outline.button--success:hover:not(.button--disabled),
+  .button--outline.button--success.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+
+  .button--outline.button--success:active:not(.button--disabled) {
+    border-color: var(--nile-colors-green-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  /* Neutral */
+  .button--outline.button--neutral {
+    border-color: var(--nile-colors-neutral-600);
+    color: var(--nile-colors-neutral-600);
+  }
+
+  .button--outline.button--neutral:hover:not(.button--disabled),
+  .button--outline.button--neutral.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+
+  .button--outline.button--neutral:active:not(.button--disabled) {
+    border-color: var(--nile-colors-neutral-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  /* Warning */
+  .button--outline.button--warning {
+    border-color: var(--nile-colors-orange-600);
+    color: var(--nile-colors-orange-600);
+  }
+
+  .button--outline.button--warning:hover:not(.button--disabled),
+  .button--outline.button--warning.button--checked:not(.button--disabled) {
+    color: var(--nile-colors-white-base);
+  }
+
+  .button--outline.button--warning:active:not(.button--disabled) {
+    border-color: var(--nile-colors-orange-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  /* Danger */
+  .button--outline.button--danger {
+    border-color: var(--nile-colors-red-600);
+    color: var(--nile-colors-red-600);
+  }
+
+  .button--outline.button--danger:hover:not(.button--disabled),
+  .button--outline.button--danger.button--checked:not(.button--disabled) {
+    background-color: var(--nile-colors-red-600);
+    color: var(--nile-colors-white-base);
+  }
+
+ .button--outline.button--danger:active:not(.button--disabled) {
+    border-color: var(--nile-colors-red-700);
+    background-color: var(--nile-colors-red-700);
+    color: var(--nile-colors-white-base);
+  }
+
+  @media (forced-colors: active) {
+    .button.button--outline.button--checked:not(.button--disabled) {
+      outline: solid 2px transparent;
+    }
+  }
+
+  /*
+ * Pill modifier
+ */
+
+  .button--pill.button--small {
+    border-radius: 24px;
+  }
+
+  .button--pill.button--medium {
+    border-radius: 32px;
+  }
+
+  /*
+ * 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__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;
+  }
+
+`;
+//# sourceMappingURL=nile-button.css.js.map