@aquera/nile-elements 0.0.49 → 0.0.51

package/dist/src/nile-table-cell-item/nile-table-cell-item.js

@@ -0,0 +1,51 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-table-cell-item.css';
+import NileElement from '../internal/nile-element';
+import { HasSlotController } from '../internal/slot';
+/**
+ * Nile table Cell Item component.
+ *
+ * @tag nile-table-cell-item
+ *
+ */
+let NileTableCellItem = class NileTableCellItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]');
+        /* #endregion */
+    }
+    /**
+     * The styles for TableCellItem
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+      ${this.hasSlotController.test('[default]')
+            ? html ` <slot class="column"> </slot>`
+            : ''}
+    `;
+    }
+};
+NileTableCellItem = __decorate([
+    customElement('nile-table-cell-item')
+], NileTableCellItem);
+export { NileTableCellItem };
+export default NileTableCellItem;
+//# sourceMappingURL=nile-table-cell-item.js.map

package/dist/src/nile-table-cell-item/nile-table-cell-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-cell-item.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAyB9E,gBAAgB;IAClB,CAAC;IAzBC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;YACxC,CAAC,CAAC,IAAI,CAAA,gCAAgC;YACtC,CAAC,CAAC,EAAE;KACP,CAAC;IACJ,CAAC;CAGF,CAAA;AA3BY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CA2B7B;SA3BY,iBAAiB;AA6B9B,eAAe,iBAAiB,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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-table-cell-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile table Cell Item component.\n *\n * @tag nile-table-cell-item\n *\n */\n@customElement('nile-table-cell-item')\nexport class NileTableCellItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableCellItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      ${this.hasSlotController.test('[default]')\n        ? html` <slot class=\"column\"> </slot>`\n        : ''}\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableCellItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-cell-item': NileTableCellItem;\n  }\n}\n"]}

package/dist/src/nile-table-header-item/index.d.ts

@@ -0,0 +1 @@
+export { NileTableHeaderItem } from './nile-table-header-item';

package/dist/src/nile-table-header-item/index.js

@@ -0,0 +1,2 @@
+export { NileTableHeaderItem } from './nile-table-header-item';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-table-header-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export { NileTableHeaderItem } from './nile-table-header-item';\n"]}

package/dist/src/nile-table-header-item/nile-table-header-item.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+/**
+ * TableHeaderItem CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-table-header-item/nile-table-header-item.css.js

@@ -0,0 +1,48 @@
+/**
+ * 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';
+/**
+ * TableHeaderItem CSS
+ */
+export const styles = css `
+  :host {
+    display: table-cell;
+    box-sizing: border-box;
+    --min--height: 52px;
+    --min--width: 180px;
+  }
+
+  .headers {
+    display: flex;
+    padding: 0 var(--nile-type-scale-4);
+    align-items: center;
+    height: auto;
+    min-height: var(--min--height);
+    width: auto;
+    min-width: var(--min--width);
+    gap: 8px;
+
+    color: var(--nile-colors-dark-900);
+
+    font-feature-settings: 'clig' off, 'liga' off;
+    /* New Paragraph/Regular */
+    font-size: var(--nile-type-scale-3);
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-type-scale-3); /* 100% */
+    letter-spacing: 0.2px;
+  }
+
+  slot {
+    cursor: pointer;
+  }
+  nile-icon {
+    cursor: pointer;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-header-item.css.js.map

package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCxB,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 * TableHeaderItem CSS\n */\nexport const styles = css`\n  :host {\n    display: table-cell;\n    box-sizing: border-box;\n    --min--height: 52px;\n    --min--width: 180px;\n  }\n\n  .headers {\n    display: flex;\n    padding: 0 var(--nile-type-scale-4);\n    align-items: center;\n    height: auto;\n    min-height: var(--min--height);\n    width: auto;\n    min-width: var(--min--width);\n    gap: 8px;\n\n    color: var(--nile-colors-dark-900);\n\n    font-feature-settings: 'clig' off, 'liga' off;\n    /* New Paragraph/Regular */\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-3); /* 100% */\n    letter-spacing: 0.2px;\n  }\n\n  slot {\n    cursor: pointer;\n  }\n  nile-icon {\n    cursor: pointer;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-header-item/nile-table-header-item.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-table-header-item
+ *
+ */
+export declare class NileTableHeaderItem extends NileElement {
+    private readonly hasSlotController;
+    /**
+     * The styles for TableHeaderItem
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    private handleClick;
+    render(): TemplateResult;
+}
+export default NileTableHeaderItem;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-table-header-item': NileTableHeaderItem;
+    }
+}

package/dist/src/nile-table-header-item/nile-table-header-item.js

@@ -0,0 +1,61 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-table-header-item.css';
+import NileElement from '../internal/nile-element';
+import { HasSlotController } from '../internal/slot';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-table-header-item
+ *
+ */
+let NileTableHeaderItem = class NileTableHeaderItem extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]');
+        /* #endregion */
+    }
+    /**
+     * The styles for TableHeaderItem
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    handleClick(e) {
+        let curr_sort_string = e.target?.parentElement?.children[0]?.assignedNodes()[0];
+        this.emit('nile-click-sort', { value: curr_sort_string });
+    }
+    render() {
+        return html ` ${this.hasSlotController.test('[default]')
+            ? html ` <div class="headers">
+          <slot @click=${this.handleClick}> </slot>
+          <nile-icon name="info2" size="16"></nile-icon>
+          <nile-icon
+            name="sort"
+            size="16"
+            @click=${this.handleClick}
+          ></nile-icon>
+        </div>`
+            : html ``}`;
+    }
+};
+NileTableHeaderItem = __decorate([
+    customElement('nile-table-header-item')
+], NileTableHeaderItem);
+export { NileTableHeaderItem };
+export default NileTableHeaderItem;
+//# sourceMappingURL=nile-table-header-item.js.map

package/dist/src/nile-table-header-item/nile-table-header-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-header-item.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;;GAKG;AAEI,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,WAAW;IAA7C;;QACY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAoC9E,gBAAgB;IAClB,CAAC;IApCC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACK,WAAW,CAAC,CAAM;QACxB,IAAI,gBAAgB,GAClB,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC5D,CAAC;IACM,MAAM;QACX,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;YACrD,CAAC,CAAC,IAAI,CAAA;yBACa,IAAI,CAAC,WAAW;;;;;qBAKpB,IAAI,CAAC,WAAW;;eAEtB;YACT,CAAC,CAAC,IAAI,CAAA,EAAE,EAAE,CAAC;IACf,CAAC;CAGF,CAAA;AAtCY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAsC/B;SAtCY,mBAAmB;AAwChC,eAAe,mBAAmB,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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-table-header-item.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../internal/slot';\n\n/**\n * Nile icon component.\n *\n * @tag nile-table-header-item\n *\n */\n@customElement('nile-table-header-item')\nexport class NileTableHeaderItem extends NileElement {\n  private readonly hasSlotController = new HasSlotController(this, '[default]');\n  /**\n   * The styles for TableHeaderItem\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  private handleClick(e: any) {\n    let curr_sort_string =\n      e.target?.parentElement?.children[0]?.assignedNodes()[0];\n    this.emit('nile-click-sort', { value: curr_sort_string });\n  }\n  public render(): TemplateResult {\n    return html` ${this.hasSlotController.test('[default]')\n      ? html` <div class=\"headers\">\n          <slot @click=${this.handleClick}> </slot>\n          <nile-icon name=\"info2\" size=\"16\"></nile-icon>\n          <nile-icon\n            name=\"sort\"\n            size=\"16\"\n            @click=${this.handleClick}\n          ></nile-icon>\n        </div>`\n      : html``}`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableHeaderItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-header-item': NileTableHeaderItem;\n  }\n}\n"]}

package/dist/src/nile-table-row/index.d.ts

@@ -0,0 +1 @@
+export { NileTableRow } from './nile-table-row';

package/dist/src/nile-table-row/index.js

@@ -0,0 +1,2 @@
+export { NileTableRow } from './nile-table-row';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-table-row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-table-row/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { NileTableRow } from './nile-table-row';\n"]}

package/dist/src/nile-table-row/nile-table-row.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+/**
+ * TableRow CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-table-row/nile-table-row.css.js

@@ -0,0 +1,18 @@
+/**
+ * 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';
+/**
+ * TableRow CSS
+ */
+export const styles = css `
+  :host {
+    display: table-row;
+    border-bottom: 1px solid #e4e2e4;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-table-row.css.js.map

package/dist/src/nile-table-row/nile-table-row.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;CAKxB,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 * TableRow CSS\n */\nexport const styles = css`\n  :host {\n    display: table-row;\n    border-bottom: 1px solid #e4e2e4;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-table-row/nile-table-row.d.ts

@@ -0,0 +1,32 @@
+/**
+ * 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 { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ *nile-table-row component.
+ *
+ * @tag nile-table-row
+ *
+ */
+export declare class NileTableRow extends NileElement {
+    /**
+     * The styles for TableRow
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileTableRow;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-table-row': NileTableRow;
+    }
+}

package/dist/src/nile-table-row/nile-table-row.js

@@ -0,0 +1,41 @@
+/**
+ * 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 { __decorate } from "tslib";
+import { html, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-table-row.css';
+import NileElement from '../internal/nile-element';
+/**
+ *nile-table-row component.
+ *
+ * @tag nile-table-row
+ *
+ */
+let NileTableRow = class NileTableRow extends NileElement {
+    /**
+     * The styles for TableRow
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    /* #endregion */
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html ` <slot class="row"></slot> `;
+    }
+};
+NileTableRow = __decorate([
+    customElement('nile-table-row')
+], NileTableRow);
+export { NileTableRow };
+export default NileTableRow;
+//# sourceMappingURL=nile-table-row.js.map

package/dist/src/nile-table-row/nile-table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-table-row.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,GAIL,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD;;;;;GAKG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,WAAW;IAC3C;;;OAGG;IAEI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAED,gBAAgB;IAEhB,qBAAqB;IAErB;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA,6BAA6B,CAAC;IAC3C,CAAC;CAGF,CAAA;AAvBY,YAAY;IADxB,aAAa,CAAC,gBAAgB,CAAC;GACnB,YAAY,CAuBxB;SAvBY,YAAY;AAyBzB,eAAe,YAAY,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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-table-row.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n *nile-table-row component.\n *\n * @tag nile-table-row\n *\n */\n@customElement('nile-table-row')\nexport class NileTableRow extends NileElement {\n  /**\n   * The styles for TableRow\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html` <slot class=\"row\"></slot> `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileTableRow;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-table-row': NileTableRow;\n  }\n}\n"]}

package/dist/src/nile-textarea/nile-textarea.css.d.ts

@@ -1,9 +1,9 @@
 /**
-* 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.
-*/
+ * 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.
+ */
 /**
  * TextArea CSS
  */

package/dist/src/nile-textarea/nile-textarea.css.js

@@ -1,9 +1,9 @@
 /**
-* 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.
-*/
+ * 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';
 /**
  * TextArea CSS
@@ -21,12 +21,12 @@ export const styles = css `
   .form-control--has-label .form-control__label {
     display: inline-block;
     margin-bottom: 12px;
-    color: var(--nile-colors-dark-900);
-    font-family:var(--nile-font-family-serif);
+    color: var(--nile-textarea-label-color);
+    font-family: var(--nile-font-family-serif);
     font-size: 14px;
     font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
+    font-weight: var(--nile-textarea-label-font-weight); 
+    line-height: var(--nile-textarea-label-line-height); 
     letter-spacing: 0.2px;
   }
 
@@ -37,7 +37,7 @@ export const styles = css `
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: #A4121C;
+    color: #a4121c;
   }
 
   /* Help text */
@@ -54,6 +54,7 @@ export const styles = css `
     margin-top: 12px;
     font-size: 12px;
     font-style: normal;
+    font-weight: 400;
     line-height: 12px;
     letter-spacing: 0.2px;
   }
@@ -78,24 +79,19 @@ export const styles = css `
     border-radius: var(--nile-radius-base-standard);
     transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;
     cursor: text;
-    min-height:12px;
+    min-height: 12px;
   }
 
   /* Standard textareas */
   .textarea--standard {
-    background-color: var(
-      --nile-colors-white-base
-    );
-    border: solid 1px var(--nile-colors-neutral-500);
+    background-color: var(--nile-colors-white-base);
+    border: 1px solid var(--nile-textarea-standard-border-color); 
+    box-shadow:var(--nile-textarea-standard-box-shadow); 
   }
 
   .textarea--standard:hover:not(.textarea--disabled) {
-    background-color: var(
-      --nile-colors-white-base
-    );
-    border-color: var(
-      --nile-colors-dark-900
-    );
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-textarea-standard-hover-border-color); 
     border-radius: var(--nile-radius-base-standard);
   }
 
@@ -105,37 +101,30 @@ export const styles = css `
   }
 
   .textarea--standard.textarea--focused:not(.textarea--disabled) {
-    background-color: var(
-      --nile-colors-white-base
-    );
-    border-color: var(
-      --nile-colors-primary-600
-    );
+    background-color: var(--nile-colors-white-base);
+    border-color: var(--nile-textarea-standard-focused-border-color); 
+    box-shadow:var(--nile-textarea-standard-focused-box-shadow);
   }
 
   .textarea--standard.textarea--focused:not(.textarea--disabled)
     .textarea__control {
-      color: #000000;
+    color: #000000;
   }
 
   .textarea--standard.textarea--disabled {
-    border-color: var(
-      --nile-colors-neutral-500
-    );
+    border-color: var(--nile-textarea-standard-disabled-border-color); 
+    background: var(--nile-textarea-standard-disabled-background-color);
     opacity: 0.5;
     cursor: not-allowed;
+    box-shadow:var(--nile-textarea-standard-disabled-box-shadow); 
   }
 
   .textarea--standard.textarea--disabled .textarea__control {
-    color: var(
-      --nile-colors-neutral-500
-    );
+    color: var(--nile-colors-neutral-500);
   }
 
   .textarea--standard.textarea--disabled .textarea__control::placeholder {
-    color: var(
-      --nile-colors-neutral-500
-    );
+    color: var(--nile-colors-neutral-500);
   }
 
   /* Textarea control styles */
@@ -163,9 +152,7 @@ export const styles = css `
   }
 
   .textarea__control::placeholder {
-    color: var(
-      --nile-colors-dark-500
-    );
+    color: var(--nile-colors-dark-500);
     user-select: none;
   }
 
@@ -174,24 +161,24 @@ export const styles = css `
   }
 
   .textarea--medium .textarea__control {
-    padding: 0.5em 10px;
+    padding:var(--nile-textarea-padding);
   }
 
   /* Resize types */
   .textarea--resize-none .textarea__control {
     resize: none;
-    min-height:12px;
+    min-height: 12px;
   }
 
   .textarea--resize-vertical .textarea__control {
     resize: vertical;
-    min-height:12px;
+    min-height: 12px;
   }
 
   .textarea--resize-auto .textarea__control {
     resize: none;
     overflow-y: hidden;
-    min-height:12px;
+    min-height: 12px;
   }
 
   .textarea--standard.textarea--warning {
@@ -205,6 +192,17 @@ export const styles = css `
   .textarea--standard.textarea--success {
     border-color: var(--nile-colors-green-500);
   }
+
+  .textarea--standard.textarea--destructive {
+    border-color: #fda29b;
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  }
+
+  .textarea--standard.textarea--destructive.textarea--focused {
+    border-color: #fda29b;
+    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
+      0px 0px 0px 4px rgba(240, 68, 56, 0.24);
+  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-textarea.css.js.map

package/dist/src/nile-textarea/nile-textarea.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-textarea.css.js","sourceRoot":"","sources":["../../../src/nile-textarea/nile-textarea.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqMxB,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 * TextArea CSS\n */\nexport const styles = css`\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family:var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height:12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border: solid 1px var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-dark-900\n    );\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(\n      --nile-colors-white-base\n    );\n    border-color: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n      color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(\n      --nile-colors-neutral-500\n    );\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(\n      --nile-colors-neutral-500\n    );\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(\n      --nile-colors-dark-500\n    );\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding: 0.5em 10px;\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height:12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height:12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height:12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-textarea.css.js","sourceRoot":"","sources":["../../../src/nile-textarea/nile-textarea.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmMxB,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 * TextArea CSS\n */\nexport const styles = css`\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    margin-bottom: 12px;\n    color: var(--nile-textarea-label-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: var(--nile-textarea-label-font-weight); \n    line-height: var(--nile-textarea-label-line-height); \n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-font-size-base);\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: #a4121c;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700);\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\n  }\n\n  /* Host styles */\n  :host {\n    display: block;\n  }\n\n  /* Textarea styles */\n  .textarea {\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    letter-spacing: 0.5px;\n    vertical-align: middle;\n    border-radius: var(--nile-radius-base-standard);\n    transition: 0.3s color, 0.3s border, 0.3s box-shadow, 0.3s background-color;\n    cursor: text;\n    min-height: 12px;\n  }\n\n  /* Standard textareas */\n  .textarea--standard {\n    background-color: var(--nile-colors-white-base);\n    border: 1px solid var(--nile-textarea-standard-border-color); \n    box-shadow:var(--nile-textarea-standard-box-shadow); \n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-textarea-standard-hover-border-color); \n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard:hover:not(.textarea--disabled) .textarea__control {\n    border-color: var(--nile-colors-dark-900);\n    border-radius: var(--nile-radius-base-standard);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-textarea-standard-focused-border-color); \n    box-shadow:var(--nile-textarea-standard-focused-box-shadow);\n  }\n\n  .textarea--standard.textarea--focused:not(.textarea--disabled)\n    .textarea__control {\n    color: #000000;\n  }\n\n  .textarea--standard.textarea--disabled {\n    border-color: var(--nile-textarea-standard-disabled-border-color); \n    background: var(--nile-textarea-standard-disabled-background-color);\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow:var(--nile-textarea-standard-disabled-box-shadow); \n  }\n\n  .textarea--standard.textarea--disabled .textarea__control {\n    color: var(--nile-colors-neutral-500);\n  }\n\n  .textarea--standard.textarea--disabled .textarea__control::placeholder {\n    color: var(--nile-colors-neutral-500);\n  }\n\n  /* Textarea control styles */\n  .textarea__control {\n    flex: 1 1 auto;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    color: var(--nile-colors-dark-900);\n    border: none;\n    background: none;\n    box-shadow: none;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::-webkit-search-decoration,\n  .textarea__control::-webkit-search-cancel-button,\n  .textarea__control::-webkit-search-results-button,\n  .textarea__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .textarea__control::placeholder {\n    color: var(--nile-colors-dark-500);\n    user-select: none;\n  }\n\n  .textarea__control:focus {\n    outline: none;\n  }\n\n  .textarea--medium .textarea__control {\n    padding:var(--nile-textarea-padding);\n  }\n\n  /* Resize types */\n  .textarea--resize-none .textarea__control {\n    resize: none;\n    min-height: 12px;\n  }\n\n  .textarea--resize-vertical .textarea__control {\n    resize: vertical;\n    min-height: 12px;\n  }\n\n  .textarea--resize-auto .textarea__control {\n    resize: none;\n    overflow-y: hidden;\n    min-height: 12px;\n  }\n\n  .textarea--standard.textarea--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .textarea--standard.textarea--error {\n    border-color: var(--nile-colors-red-500);\n  }\n\n  .textarea--standard.textarea--success {\n    border-color: var(--nile-colors-green-500);\n  }\n\n  .textarea--standard.textarea--destructive {\n    border-color: #fda29b;\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .textarea--standard.textarea--destructive.textarea--focused {\n    border-color: #fda29b;\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-textarea/nile-textarea.d.ts

@@ -74,6 +74,8 @@ export declare class NileTextarea extends NileElement {
     error: boolean;
     /** Sets the input to a success state, changing its visual appearance. */
     success: boolean;
+    /** Sets the input to a destructive state, changing its visual appearance. */
+    destructive: boolean;
     /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
     autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
     /** Indicates whether the browser's autocorrect feature is on or off. */

package/dist/src/nile-textarea/nile-textarea.js

@@ -80,6 +80,8 @@ let NileTextarea = class NileTextarea extends NileElement {
         this.error = false;
         /** Sets the input to a success state, changing its visual appearance. */
         this.success = false;
+        /** Sets the input to a destructive state, changing its visual appearance. */
+        this.destructive = false;
         /** Enables spell checking on the textarea. */
         this.spellcheck = true;
         /** The default value of the form control. Primarily used for resetting the form control. */
@@ -223,6 +225,7 @@ let NileTextarea = class NileTextarea extends NileElement {
             'textarea--warning': this.warning,
             'textarea--error': this.error,
             'textarea--success': this.success,
+            'textarea--destructive': this.destructive,
             'textarea--standard': !this.filled,
             'textarea--disabled': this.disabled,
             'textarea--focused': this.hasFocus,
@@ -347,6 +350,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], NileTextarea.prototype, "success", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileTextarea.prototype, "destructive", void 0);
 __decorate([
     property()
 ], NileTextarea.prototype, "autocapitalize", void 0);