@aquera/nile-elements 0.1.35-beta-1.7 → 0.1.35-beta-1.11

package/dist/src/nile-filter-chip/nile-filter-chip.css.js

@@ -20,26 +20,30 @@ export const styles = css `
   .chip {
     display: inline-flex;
     align-items: center;
-    padding: 4px 8px;
+    height: 30px;
+    padding: 8px;
     border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
-    border-radius: var(--nile-radius-radius-xs);
-    font-size: var(--nile-type-scale-3);
+    border-radius: 4px;
+    font-size: 14px;
     background-color: var(--nile-filter-chip-background-default);
     color: var(--nile-filter-chip-text-default);
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
     cursor: pointer;
-    gap: 6px;
-    margin-right: 6px;
+    box-sizing: border-box;
   }
 
   .chip:hover {
     background-color: var(--nile-filter-chip-hover-background);
   }
+ .chip:active {
+  background-color: var(--nile-filter-chip-active-background);
+  border-color: var(--nile-filter-chip-active-border-color-stroke);
+}
+:host([active]) .chip {
+  background-color: var(--nile-filter-chip-active-background);
+  border-color: var(--nile-filter-chip-active-border-color-stroke);
+}
 
-  .chip:active {
-    background-color: var(--nile-filter-chip-active-background);
-    border-color: var(--nile-filter-chip-active-border-color-stroke);
-  }
 
   .icon {
     color: var(--nile-filter-chip-icon-color-default);
@@ -83,20 +87,22 @@ export const styles = css `
   }
 
 
-  .value {
-    color: var(--nile-filter-chip-values-color-default);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 140px;
-  }
+ .value {
+  color: var(--nile-filter-chip-values-color-default);
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 140px;
+  vertical-align: bottom;
+}
+
 
   .close-icon {
     color: var(--nile-filter-chip-close-icon-color-default);
     cursor: pointer;
     display: flex;
     align-items: center;
-    padding: 2px;
     border-radius: 50%;
     transition: background-color 0.2s;
   }
@@ -105,6 +111,20 @@ export const styles = css `
     background-color: var(--nile-filter-chip-close-icon-hover-background);
     color: var(--nile-filter-chip-close-icon-hover-color);
   }
+
+.label-wrapper {
+  margin-left:6px;
+  margin-right: 4px;
+}
+
+.value-wrapper {
+  margin-right: 4px; 
+}
+
+.badge-wrapper {
+  margin-right: 12px;  
+}
+
 `;
 export default [styles];
 //# sourceMappingURL=nile-filter-chip.css.js.map

package/dist/src/nile-filter-chip/nile-filter-chip.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.css.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGxB,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';\n\n/**\n * FilterChip CSS\n */\n\nexport const styles = css`\n\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    padding: 4px 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);\n    border-radius: var(--nile-radius-radius-xs);\n    font-size: var(--nile-type-scale-3);\n    background-color: var(--nile-filter-chip-background-default);\n    color: var(--nile-filter-chip-text-default);\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    gap: 6px;\n    margin-right: 6px;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background);\n  }\n\n  .chip:active {\n    background-color: var(--nile-filter-chip-active-background);\n    border-color: var(--nile-filter-chip-active-border-color-stroke);\n  }\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default);\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n  .value {\n    color: var(--nile-filter-chip-values-color-default);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 140px;\n  }\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    padding: 2px;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background);\n    color: var(--nile-filter-chip-close-icon-hover-color);\n  }\n`;\n\nexport default [styles];\n\n "]}
+{"version":3,"file":"nile-filter-chip.css.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHxB,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';\n\n/**\n * FilterChip CSS\n */\n\nexport const styles = css`\n\n\n  .filter-chips {\n    display: flex;\n    align-items: center;\n  }\n\n\n  .chip {\n    display: inline-flex;\n    align-items: center;\n    height: 30px;\n    padding: 8px;\n    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);\n    border-radius: 4px;\n    font-size: 14px;\n    background-color: var(--nile-filter-chip-background-default);\n    color: var(--nile-filter-chip-text-default);\n    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n\n  .chip:hover {\n    background-color: var(--nile-filter-chip-hover-background);\n  }\n .chip:active {\n  background-color: var(--nile-filter-chip-active-background);\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n  background-color: var(--nile-filter-chip-active-background);\n  border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n  .icon {\n    color: var(--nile-filter-chip-icon-color-default);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    position: relative;\n    top: 12px;\n  }\n\n  .label {\n    font-weight: 500;\n    color: var(--nile-filter-chip-label-color-default);\n  }\n\n  nile-badge::part(base) {\n    width: auto;\n    height: 14px;\n    border-radius: 100px;\n    padding: 6px;\n    gap: 10px;\n    font-size: 8px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n  }\n\n  .chip-container {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .clear-all-container {\n    margin-left: 18px;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n\n .value {\n  color: var(--nile-filter-chip-values-color-default);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: 140px;\n  vertical-align: bottom;\n}\n\n\n  .close-icon {\n    color: var(--nile-filter-chip-close-icon-color-default);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    border-radius: 50%;\n    transition: background-color 0.2s;\n  }\n\n  .close-icon:hover {\n    background-color: var(--nile-filter-chip-close-icon-hover-background);\n    color: var(--nile-filter-chip-close-icon-hover-color);\n  }\n\n.label-wrapper {\n  margin-left:6px;\n  margin-right: 4px;\n}\n\n.value-wrapper {\n  margin-right: 4px; \n}\n\n.badge-wrapper {\n  margin-right: 12px;  \n}\n\n`;\n\nexport default [styles];\n\n "]}

package/dist/src/nile-filter-chip/nile-filter-chip.d.ts

@@ -8,11 +8,12 @@ import NileElement from '../internal/nile-element';
 export declare class NileFilterChip extends NileElement {
     label: string;
     text: string;
-    extraCount: number;
+    viewMoreCount: number;
     editable: boolean;
     closable: boolean;
     icon: string;
     removeIcon: string;
+    active: boolean;
     private static activeChips;
     static get styles(): CSSResultArray;
     connectedCallback(): void;
@@ -23,7 +24,7 @@ export declare class NileFilterChip extends NileElement {
     private handleClick;
     private getLabelSlot;
     private getValueSlot;
-    private getExtraCountSlot;
+    private getviewMoreCountSlot;
     private getCloseIconSlot;
     render(): TemplateResult;
 }

package/dist/src/nile-filter-chip/nile-filter-chip.js

@@ -14,11 +14,12 @@ let NileFilterChip = NileFilterChip_1 = class NileFilterChip extends NileElement
         super(...arguments);
         this.label = '';
         this.text = '';
-        this.extraCount = 0;
+        this.viewMoreCount = 0;
         this.editable = false;
         this.closable = false;
         this.icon = '';
         this.removeIcon = '';
+        this.active = false;
     }
     static get styles() {
         return [styles];
@@ -39,34 +40,43 @@ let NileFilterChip = NileFilterChip_1 = class NileFilterChip extends NileElement
     }
     handleClose(event) {
         event.stopPropagation();
-        this.dispatchEvent(new CustomEvent('nile-close', { detail: { text: this.text, extraCount: this.extraCount } }));
+        this.dispatchEvent(new CustomEvent('nile-close', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } }));
         this.remove();
     }
     handleClick() {
-        this.dispatchEvent(new CustomEvent('nile-click', { detail: { text: this.text, extraCount: this.extraCount } }));
+        this.dispatchEvent(new CustomEvent('nile-click', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } }));
     }
     getLabelSlot() {
         return html `
+    <span class="label-wrapper">
       <slot name="label">
         <span class="label">${this.label}:</span>
       </slot>
+    </span>
+
     `;
     }
     getValueSlot() {
         return html `
+    <span class="value-wrapper">
       <slot name="value">
         <span class="value">${this.text}</span>
       </slot>
+    </span>
+
     `;
     }
-    getExtraCountSlot() {
+    getviewMoreCountSlot() {
         return html `
       <slot name="suffix">
-        ${this.extraCount
+        ${this.viewMoreCount
             ? html `
+          <span class="badge-wrapper">
               <nile-badge variant="primary" pilltype="pill-color">
-                +${this.extraCount}
+                +${this.viewMoreCount}
               </nile-badge>
+          </span>
+
             `
             : html ``}
       </slot>
@@ -92,7 +102,7 @@ let NileFilterChip = NileFilterChip_1 = class NileFilterChip extends NileElement
         ${this.getLabelSlot()}
         <slot name="content"></slot>
         ${this.getValueSlot()}
-        ${this.getExtraCountSlot()}
+        ${this.getviewMoreCountSlot()}
         ${this.getCloseIconSlot()}
       </div>
     `;
@@ -107,7 +117,7 @@ __decorate([
 ], NileFilterChip.prototype, "text", void 0);
 __decorate([
     property({ type: Number })
-], NileFilterChip.prototype, "extraCount", void 0);
+], NileFilterChip.prototype, "viewMoreCount", void 0);
 __decorate([
     property({ type: Boolean })
 ], NileFilterChip.prototype, "editable", void 0);
@@ -120,6 +130,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], NileFilterChip.prototype, "removeIcon", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileFilterChip.prototype, "active", void 0);
 NileFilterChip = NileFilterChip_1 = __decorate([
     customElement('nile-filter-chip')
 ], NileFilterChip);

package/dist/src/nile-filter-chip/nile-filter-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) text = '';\n  @property({ type: Number }) extraCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { text: this.text, extraCount: this.extraCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { text: this.text, extraCount: this.extraCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n      <slot name=\"label\">\n        <span class=\"label\">${this.label}:</span>\n      </slot>\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n      <slot name=\"value\">\n        <span class=\"value\">${this.text}</span>\n      </slot>\n    `;\n  }\n\n  private getExtraCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.extraCount\n          ? html`\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +${this.extraCount}\n              </nile-badge>\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'close'}\" size=\"12\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getExtraCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"]}
+{"version":3,"file":"nile-filter-chip.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n  @property({ type: String }) label = '';\n  @property({ type: String }) text = '';\n  @property({ type: Number }) viewMoreCount: number = 0;\n  @property({ type: Boolean }) editable = false;\n  @property({ type: Boolean }) closable = false;\n  @property({ type: String }) icon = '';\n  @property({ type: String }) removeIcon = '';\n  @property({ type: Boolean, reflect: true }) active = false;\n\n\n  private static activeChips: NileFilterChip[] = [];\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.registerChip();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unregisterChip();\n  }\n\n  private registerChip() {\n    NileFilterChip.activeChips.push(this);\n  }\n\n  private unregisterChip() {\n    NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n      (chip) => chip !== this\n    );\n  }\n\n  private handleClose(event: Event) {\n    event.stopPropagation();\n    this.dispatchEvent(\n      new CustomEvent('nile-close', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } })\n    );\n    this.remove();\n  }\n\n  private handleClick() {\n    this.dispatchEvent(\n      new CustomEvent('nile-click', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } })\n    );\n  }\n\n  private getLabelSlot(): TemplateResult {\n    return html`\n    <span class=\"label-wrapper\">\n      <slot name=\"label\">\n        <span class=\"label\">${this.label}:</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getValueSlot(): TemplateResult {\n    return html`\n    <span class=\"value-wrapper\">\n      <slot name=\"value\">\n        <span class=\"value\">${this.text}</span>\n      </slot>\n    </span>\n\n    `;\n  }\n\n  private getviewMoreCountSlot(): TemplateResult {\n    return html`\n      <slot name=\"suffix\">\n        ${this.viewMoreCount\n          ? html`\n          <span class=\"badge-wrapper\">\n              <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n                +${this.viewMoreCount}\n              </nile-badge>\n          </span>\n\n            `\n          : html``}\n      </slot>\n    `;\n  }\n\n  private getCloseIconSlot(): TemplateResult {\n    return html`\n      ${this.closable\n        ? html`\n            <span class=\"close-icon\" @click=\"${this.handleClose}\">\n              <nile-icon name=\"${this.removeIcon || 'close'}\" size=\"12\"></nile-icon>\n            </span>\n          `\n        : html``}\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"chip\" @click=\"${this.handleClick}\">\n        <slot name=\"icon\">\n          ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n        </slot>\n        ${this.getLabelSlot()}\n        <slot name=\"content\"></slot>\n        ${this.getValueSlot()}\n        ${this.getviewMoreCountSlot()}\n        ${this.getCloseIconSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-filter-chip': NileFilterChip;\n  }\n}\n"]}

package/dist/src/nile-filter-chip/nile-filter-chip.test.js

@@ -43,15 +43,15 @@ describe('<nile-filter-chip>', () => {
         expect(iconSpan).to.exist;
         expect(iconSpan.textContent).to.equal('★');
     });
-    it('does not render a badge when extraCount is zero', async () => {
+    it('does not render a badge when viewMoreCount is zero', async () => {
         const el = await fixture(html `
-      <nile-filter-chip extraCount="0" label="L" text="T"></nile-filter-chip>
+      <nile-filter-chip viewMoreCount="0" label="L" text="T"></nile-filter-chip>
     `);
         expect(el.shadowRoot.querySelector('nile-badge')).to.be.null;
     });
-    it('renders a +badge when extraCount > 0', async () => {
+    it('renders a +badge when viewMoreCount > 0', async () => {
         const el = await fixture(html `
-      <nile-filter-chip extraCount="5" label="L" text="T"></nile-filter-chip>
+      <nile-filter-chip viewMoreCount="5" label="L" text="T"></nile-filter-chip>
     `);
         const badge = el.shadowRoot.querySelector('nile-badge');
         expect(badge).to.exist;
@@ -64,16 +64,16 @@ describe('<nile-filter-chip>', () => {
         const chip = el.shadowRoot.querySelector('.chip');
         setTimeout(() => chip.click());
         const ev = await oneEvent(el, 'nile-click');
-        expect(ev.detail).to.deep.equal({ text: 'T', extraCount: 0 });
+        expect(ev.detail).to.deep.equal({ text: 'T', viewMoreCount: 0 });
     });
     it('dispatches `nile-close` on close icon click and removes itself', async () => {
         const el = await fixture(html `
-      <nile-filter-chip closable extraCount="2" text="TT"></nile-filter-chip>
+      <nile-filter-chip closable viewMoreCount="2" text="TT"></nile-filter-chip>
     `);
         const closeIcon = el.shadowRoot.querySelector('.close-icon');
         setTimeout(() => closeIcon.click());
         const ev = await oneEvent(el, 'nile-close');
-        expect(ev.detail).to.deep.equal({ text: 'TT', extraCount: 2 });
+        expect(ev.detail).to.deep.equal({ text: 'TT', viewMoreCount: 2 });
         expect(document.body.contains(el)).to.be.false;
     });
 });

package/dist/src/nile-filter-chip/nile-filter-chip.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-filter-chip.test.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, html, oneEvent } from '@open-wc/testing';\nimport './nile-filter-chip';\nimport { NileFilterChip } from './nile-filter-chip';\n\ndescribe('<nile-filter-chip>', () => {\n  afterEach(() => {\n    (NileFilterChip as any).activeChips = [];\n  });\n\n  it('registers and unregisters itself in activeChips', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    expect((NileFilterChip as any).activeChips).to.include(el);\n    el.remove();\n    await el.updateComplete;\n    expect((NileFilterChip as any).activeChips).to.not.include(el);\n  });\n\n  it('renders fallback label and text', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"MyLabel\" text=\"MyText\"></nile-filter-chip>\n    `);\n    const label = el.shadowRoot!.querySelector('.label')! as HTMLElement;\n    const value = el.shadowRoot!.querySelector('.value')! as HTMLElement;\n    expect(label.textContent).to.equal('MyLabel:');\n    expect(value.textContent!.trim()).to.equal('MyText');\n  });\n\n  it('renders slotted label and value over fallback', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip>\n        <span slot=\"label\">SLOT-LBL</span>\n        <span slot=\"value\">SLOT-VAL</span>\n      </nile-filter-chip>\n    `);\n    const slottedLabel = el.querySelector('[slot=\"label\"]')! as HTMLElement;\n    const slottedValue = el.querySelector('[slot=\"value\"]')! as HTMLElement;\n    expect(slottedLabel.textContent).to.equal('SLOT-LBL');\n    expect(slottedValue.textContent).to.equal('SLOT-VAL');\n  });\n\n  it('renders an icon when the `icon` property is set', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip icon=\"★\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const iconSpan = el.shadowRoot!.querySelector('.icon')! as HTMLElement;\n    expect(iconSpan).to.exist;\n    expect(iconSpan.textContent).to.equal('★');\n  });\n\n  it('does not render a badge when extraCount is zero', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip extraCount=\"0\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    expect(el.shadowRoot!.querySelector('nile-badge')).to.be.null;\n  });\n\n  it('renders a +badge when extraCount > 0', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip extraCount=\"5\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const badge = el.shadowRoot!.querySelector('nile-badge')! as HTMLElement;\n    expect(badge).to.exist;\n    expect(badge.textContent).to.contain('+5');\n  });\n\n\n\n  it('dispatches `nile-click` on chip click', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const chip = el.shadowRoot!.querySelector('.chip')! as HTMLElement;\n    setTimeout(() => chip.click());\n    const ev = await oneEvent(el, 'nile-click');\n    expect(ev.detail).to.deep.equal({ text: 'T', extraCount: 0 });\n  });\n\n  it('dispatches `nile-close` on close icon click and removes itself', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip closable extraCount=\"2\" text=\"TT\"></nile-filter-chip>\n    `);\n    const closeIcon = el.shadowRoot!.querySelector('.close-icon')! as HTMLElement;\n    setTimeout(() => closeIcon.click());\n    const ev = await oneEvent(el, 'nile-close');\n    expect(ev.detail).to.deep.equal({ text: 'TT', extraCount: 2 });\n    expect(document.body.contains(el)).to.be.false;\n  });\n\n \n});\n"]}
+{"version":3,"file":"nile-filter-chip.test.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, html, oneEvent } from '@open-wc/testing';\nimport './nile-filter-chip';\nimport { NileFilterChip } from './nile-filter-chip';\n\ndescribe('<nile-filter-chip>', () => {\n  afterEach(() => {\n    (NileFilterChip as any).activeChips = [];\n  });\n\n  it('registers and unregisters itself in activeChips', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    expect((NileFilterChip as any).activeChips).to.include(el);\n    el.remove();\n    await el.updateComplete;\n    expect((NileFilterChip as any).activeChips).to.not.include(el);\n  });\n\n  it('renders fallback label and text', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"MyLabel\" text=\"MyText\"></nile-filter-chip>\n    `);\n    const label = el.shadowRoot!.querySelector('.label')! as HTMLElement;\n    const value = el.shadowRoot!.querySelector('.value')! as HTMLElement;\n    expect(label.textContent).to.equal('MyLabel:');\n    expect(value.textContent!.trim()).to.equal('MyText');\n  });\n\n  it('renders slotted label and value over fallback', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip>\n        <span slot=\"label\">SLOT-LBL</span>\n        <span slot=\"value\">SLOT-VAL</span>\n      </nile-filter-chip>\n    `);\n    const slottedLabel = el.querySelector('[slot=\"label\"]')! as HTMLElement;\n    const slottedValue = el.querySelector('[slot=\"value\"]')! as HTMLElement;\n    expect(slottedLabel.textContent).to.equal('SLOT-LBL');\n    expect(slottedValue.textContent).to.equal('SLOT-VAL');\n  });\n\n  it('renders an icon when the `icon` property is set', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip icon=\"★\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const iconSpan = el.shadowRoot!.querySelector('.icon')! as HTMLElement;\n    expect(iconSpan).to.exist;\n    expect(iconSpan.textContent).to.equal('★');\n  });\n\n  it('does not render a badge when viewMoreCount is zero', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip viewMoreCount=\"0\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    expect(el.shadowRoot!.querySelector('nile-badge')).to.be.null;\n  });\n\n  it('renders a +badge when viewMoreCount > 0', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip viewMoreCount=\"5\" label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const badge = el.shadowRoot!.querySelector('nile-badge')! as HTMLElement;\n    expect(badge).to.exist;\n    expect(badge.textContent).to.contain('+5');\n  });\n\n\n\n  it('dispatches `nile-click` on chip click', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n    `);\n    const chip = el.shadowRoot!.querySelector('.chip')! as HTMLElement;\n    setTimeout(() => chip.click());\n    const ev = await oneEvent(el, 'nile-click');\n    expect(ev.detail).to.deep.equal({ text: 'T', viewMoreCount: 0 });\n  });\n\n  it('dispatches `nile-close` on close icon click and removes itself', async () => {\n    const el = await fixture<NileFilterChip>(html`\n      <nile-filter-chip closable viewMoreCount=\"2\" text=\"TT\"></nile-filter-chip>\n    `);\n    const closeIcon = el.shadowRoot!.querySelector('.close-icon')! as HTMLElement;\n    setTimeout(() => closeIcon.click());\n    const ev = await oneEvent(el, 'nile-close');\n    expect(ev.detail).to.deep.equal({ text: 'TT', viewMoreCount: 2 });\n    expect(document.body.contains(el)).to.be.false;\n  });\n\n \n});\n"]}

package/dist/src/nile-form-error-message/nile-form-error-message.css.js

@@ -19,15 +19,15 @@ export const styles = css `
     font-family: var(--nile-font-family-serif);
     font-size: var(--nile-form-error-text-font-size);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-line-height-xsmall);
+    font-weight: 400;
+    line-height: 12px;
     line-height: var(--nile-form-error-text-line-height);
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm);
+    margin-top: 6px;
   }
 
   .nile-form-error-message__icon {
-    margin-right: var(--nile-spacing-sm);
+    margin-right: 6px;
   }
 `;
 export default [styles];

package/dist/src/nile-form-error-message/nile-form-error-message.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.css.js","sourceRoot":"","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBxB,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';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-error-text-font-size);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-line-height-xsmall);\n    line-height: var(--nile-form-error-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: var(--nile-spacing-sm);\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-form-error-message.css.js","sourceRoot":"","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;CAqBxB,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';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-form-error-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-error-text-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    line-height: var(--nile-form-error-text-line-height);\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-form-group/nile-form-group.css.js

@@ -35,7 +35,8 @@ export const styles = css `
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--nile-spacing-1-x);
-    border-radius: var(--nile-radius-base-standard) var(--nile-radius-base-standard) var(--nile-radius-radius-none) var(--nile-radius-radius-none);
+    border-radius: var(--nile-radius-base-standard)
+      var(--nile-radius-base-standard) 0 0;
     background: var(--nile-colors-neutral-100);
   }
 
@@ -55,7 +56,7 @@ export const styles = css `
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-4);
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium);
+    font-weight: 500;
     line-height: var(--nile-type-scale-4);
     letter-spacing: 0.2px;
   }

package/dist/src/nile-form-group/nile-form-group.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-group.css.js","sourceRoot":"","sources":["../../../src/nile-form-group/nile-form-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuExB,CAAC;AACF,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';\n\n/**\n * FormGroup CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 288px;\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n    border-radius: var(--nile-radius-base-standard);\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .form__header {\n    width: 100%;\n    height: 82px;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x);\n    border-radius: var(--nile-radius-base-standard) var(--nile-radius-base-standard) var(--nile-radius-radius-none) var(--nile-radius-radius-none);\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x);\n    justify-content:centre;\n  }\n\n\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium);\n    line-height: var(--nile-type-scale-4);\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-2);\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x);\n  }\n`;\nexport default [styles];\n"]}
+{"version":3,"file":"nile-form-group.css.js","sourceRoot":"","sources":["../../../src/nile-form-group/nile-form-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwExB,CAAC;AACF,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';\n\n/**\n * FormGroup CSS\n */\nexport const styles = css`\n  :host {\n    --min-width: 288px;\n  }\n\n  .form__base {\n    display: flex;\n    flex-direction: column;\n    min-width: var(--min-width);\n    width: max-content;\n    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);\n    border-radius: var(--nile-radius-base-standard);\n    border: 1px solid var(--nile-colors-neutral-400);\n    background: var(--nile-colors-white-base);\n    font-family: var(--nile-font-family-serif);\n  }\n\n  .form__header {\n    width: 100%;\n    height: 82px;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--nile-spacing-1-x);\n    border-radius: var(--nile-radius-base-standard)\n      var(--nile-radius-base-standard) 0 0;\n    background: var(--nile-colors-neutral-100);\n  }\n\n  .form__title-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: var(--nile-spacing-1-x);\n    justify-content:centre;\n  }\n\n\n\n  .form__title {\n    display: block;\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-4);\n    font-style: normal;\n    font-weight: 500;\n    line-height: var(--nile-type-scale-4);\n    letter-spacing: 0.2px;\n  }\n\n  .form__subtitle {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    font-feature-settings: 'clig' off, 'liga' off;\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-type-scale-2);\n    letter-spacing: 0.2px;\n  }\n\n  .form__body {\n    width: 100%;\n    box-sizing: border-box;\n    padding: var(--nile-spacing-3-x);\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-3-x);\n  }\n`;\nexport default [styles];\n"]}

package/dist/src/nile-form-help-text/nile-form-help-text.css.js

@@ -20,10 +20,10 @@ export const styles = css `
 
   .nile-form-help-text {
     display:flex;
-    font-weight: var(--nile-font-weight-regular);
+    font-weight: 400;
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm);
-    margin-right: var(--nile-spacing-xs);
+    margin-top: 6px;
+    margin-right: 4px;
     width: auto;
   }
 
@@ -34,7 +34,7 @@ export const styles = css `
 
   .nile-form-help-text__more-button {
     display: inline-flex;
-    gap: var(--nile-spacing-xs);
+    gap: 4px;
     color: var(--nile-colors-primary-600);
     cursor: pointer;
     white-space: nowrap;

package/dist/src/nile-form-help-text/nile-form-help-text.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-help-text.css.js","sourceRoot":"","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,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';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: var(--nile-font-weight-regular);\n    letter-spacing: 0.2px;\n    margin-top: var(--nile-spacing-sm);\n    margin-right: var(--nile-spacing-xs);\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: var(--nile-spacing-xs);\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-form-help-text.css.js","sourceRoot":"","sources":["../../../src/nile-form-help-text/nile-form-help-text.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,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';\n\n/**\n * FormHelpText CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n    color: var(--nile-form-help-text-color);\n    font-family: var(--nile-font-family-serif);\n    font-size: var(--nile-form-help-text-font-size);\n    font-style: normal;\n    line-height: var(--nile-form-help-text-line-height);\n  }\n\n  .nile-form-help-text {\n    display:flex;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n    margin-right: 4px;\n    width: auto;\n  }\n\n\n  .nile-form-help-text--expanded{\n    display:block;\n  }\n\n  .nile-form-help-text__more-button {\n    display: inline-flex;\n    gap: 4px;\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n    white-space: nowrap;\n    align-items: center;\n  }\n\n  .help__text__full{\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:inline;\n  }\n  \n  .help__text__full--expanded{\n    white-space: wrap;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -45,14 +45,14 @@ export const styles = css `
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
 
 	.hero__slot__container {
 		height:var(--nile-hero-height);
-		padding-left: var(--nile-spacing-5xl);
+		padding-left: 48px;
 		display: flex;
 		align-items: center;
 		gap:var(--nile-spacing-spacing-xl);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-hero.css.js","sourceRoot":"","sources":["../../../src/nile-hero/nile-hero.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ExB,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';\n\n/**\n * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background);\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height);\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: var(--nile-spacing-5xl);\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-hero.css.js","sourceRoot":"","sources":["../../../src/nile-hero/nile-hero.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ExB,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';\n\n/**\n * Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background);\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height);\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height);\n\t\tpadding-left: 48px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl);\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height);\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height);\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-hero-header/nile-hero-header.css.js

@@ -14,8 +14,8 @@ export const styles = css `
 		width:100%;
 		display: flex;
 		align-items: center;
-		padding:var(--nile-spacing-xl) var(--nile-spacing-5xl);
-		gap: var(--nile-spacing-xl);
+		padding:16px 48px;
+		gap: 16px;
 		border-bottom: 1px solid rgb(234, 236, 240);
 	}
 
@@ -24,7 +24,7 @@ export const styles = css `
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}

package/dist/src/nile-hero-header/nile-hero-header.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-hero-header.css.js","sourceRoot":"","sources":["../../../src/nile-hero-header/nile-hero-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BxB,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';\n\n/**\n * HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:var(--nile-spacing-xl) var(--nile-spacing-5xl);\n\t\tgap: var(--nile-spacing-xl);\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl);\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-hero-header.css.js","sourceRoot":"","sources":["../../../src/nile-hero-header/nile-hero-header.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BxB,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';\n\n/**\n * HeroHeader CSS\n */\nexport const styles = css`\n\t\n\t:host {\n\t\twidth:100%;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding:16px 48px;\n\t\tgap: 16px;\n\t\tborder-bottom: 1px solid rgb(234, 236, 240);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid var(--nile-colors-neutral-400);\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);\n\t}\n\n\t.hero__text {\n\t\tcolor: var(--nile-hero-text-color);\n\t\tfont-size: var(--nile-hero-text-font-size);\n\t\tline-height: var(--nile-hero-text-line-height);\n\t\tfont-style: normal;\n\t\tfont-weight: var(--nile-hero-text-font-weight);\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-icon/aliasmap.d.ts

@@ -0,0 +1 @@
+export declare const aliasMap: Record<string, string>;

package/dist/src/nile-icon/aliasmap.js

@@ -0,0 +1,131 @@
+export const aliasMap = {
+    'userremove1': 'userremove',
+    'userremove2': 'userremove',
+    'deleteuser': 'userremove',
+    'userinactive': 'userremove',
+    'headeractions': 'action',
+    'actionworkflow': 'action',
+    'applications': 'action',
+    'application': 'selectapplication',
+    'flowh': 'attributemap',
+    'flowmaphand': 'handtool',
+    'sendprompt': 'send',
+    'while': 'whileloop',
+    'datatypeexpression': 'js',
+    'flowmapredo': 'arrow',
+    'continuous': 'frequency',
+    'every': 'frequency',
+    'document': 'documentnew',
+    'revokationcycle': 'revocationcycle',
+    'revocationcycle': 'revocationcycle',
+    'form': 'documentnew',
+    'flowmapaquera': 'aquera',
+    'block02': 'block',
+    'componentblock': 'block',
+    'flowmapblock': 'block',
+    'calendar01': 'calendar',
+    'playcircle': 'play',
+    'setting': 'settings',
+    'settings1': 'settings',
+    'trash': 'delete',
+    'trash01': 'delete',
+    'trashnofill': 'delete',
+    'trash03': 'delete',
+    'download01': 'download',
+    'download02': 'download',
+    'datatypepersistentvariable': 'persistentvariable',
+    'leftarrow': 'arrowleft',
+    'prev': 'arrowleft',
+    'rightarrow': 'arrowright',
+    'next': 'arrowright',
+    'searchlg': 'search',
+    'info2': 'info',
+    'infoicon1': 'info',
+    'infocircle': 'info',
+    'dropdown': 'options',
+    'flowmapellipsis': 'options',
+    'dotsvertical': 'options',
+    'bellicon': 'notification',
+    'stopcircle': 'stop',
+    'agents': 'agent',
+    'event': 'trigger',
+    'editpencil': 'pencil',
+    'pen': 'pencil',
+    'editwrite': 'pencil',
+    'shape': 'pencil',
+    'edit01': 'pencil',
+    'updateuser': 'pencil',
+    'edit1': 'pencil',
+    'notscheduled': 'error',
+    'not': 'error',
+    'flowmapcancel': 'error',
+    'cancel': 'error',
+    'xcircle': 'error',
+    'undo1': 'undo',
+    'privilage': 'privilege',
+    'privilegeobject': 'privilege',
+    'bell': 'mute',
+    'barchartsquare03': 'barchartsquare02',
+    'helpcircle': 'helpandsupport',
+    'help1': 'helpandsupport',
+    'caution': 'helpandsupport',
+    'smalltick': 'tick',
+    'check': 'tick',
+    'userselection': 'useractive',
+    'selectuser': 'useractive',
+    'usergroup': 'group',
+    'multipleuser': 'group',
+    'usersquare': 'user',
+    'useranalysisicon': 'user',
+    'usercircle': 'user',
+    'user03': 'user',
+    'personaldetails': 'user',
+    'user01': 'user',
+    'workfloworchestration': 'flowmaporchestration',
+    'workflow01': 'flowmap',
+    'workflowsolid': 'flowmap',
+    'section02': 'section',
+    'flowmapsection': 'section',
+    'workflowsection': 'section',
+    'variablenew1': 'variablenew',
+    'rolemanager': 'role',
+    'manageduser': 'manage',
+    'folder01': 'folder',
+    'headerfunctions': 'script',
+    'users01': 'users',
+    'users02': 'users',
+    'ouanalysisicon': 'users',
+    'draglist': 'drag',
+    'flowmapdrag': 'drag',
+    'itemplaceholder': 'drag',
+    'placeholderwf': 'drag',
+    'anomaly': 'thumbsdown',
+    'noanomaly': 'thumbsup',
+    'approve': 'thumbsup',
+    'enabled': 'enable',
+    'themes': 'color',
+    'palette': 'color',
+    'expand1': 'sort',
+    'chevronselectorvertical': 'sort',
+    'default1': 'default',
+    'custom': 'default',
+    'basic': 'default',
+    'droparrow': 'arrowdown',
+    'nextdown': 'arrowdown',
+    'chevrondown': 'arrowdown',
+    'downarrow': 'arrowdown',
+    'plusicon': 'pluscircle',
+    'flow01': 'condition',
+    'table1': 'logs',
+    'flowmaptext': 'text',
+    'workflowtext': 'text',
+    'layersthree01': 'layersthree02',
+    'uparrow': 'chevronup',
+    'prevup': 'chevronup',
+    'headervariable': 'variable',
+    'datatypevariable': 'variable',
+    'variablelocal1': 'variablelocal',
+    'refreshcw03': 'refresh',
+    'if': 'ifelse',
+};
+//# sourceMappingURL=aliasmap.js.map