@aquera/nile-elements 0.0.6 → 0.0.7

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

@@ -0,0 +1,145 @@
+/**
+ * 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';
+
+/**
+ * Modal CSS
+ */
+export const styles = css`
+  :host {
+    --width: 31rem;
+    --header-spacing: 1.25rem;
+    --body-spacing: 1.25rem;
+    --footer-spacing: 1.25rem;
+
+    display: contents;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  .dialog {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 800;
+  }
+
+  .dialog__panel {
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    width: var(--width);
+    max-width: calc(100% - 2.25rem);
+    max-height: calc(100% - 2.25rem);
+    background-color: hsl(0, 0%, 100%);
+    border-radius: 4px;
+    box-shadow: 0 4px 16px rgb(0 0 0 / 24%);
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog--open .dialog__panel {
+    display: flex;
+    opacity: 1;
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+    padding: 24px  24px 24px 24px;
+    background-color: #FAFAFA;
+    border-radius: 4px 4px 0 0;
+
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: 1.25rem;
+    line-height: 1.4;
+    margin: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: 24px;
+  }
+
+  .dialog__header-actions nile-icon-button,
+  .dialog__header-actions ::slotted(nile-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: 1rem;
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: 1.25rem;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    text-align: right;
+    padding: 12px 24px;
+    background-color: #FAFAFA;
+    border-radius: 0 0 4px 4px;
+  }
+
+  .dialog__footer ::slotted(nile-button:not(:first-of-type)) {
+    margin-inline-start: 0.5rem;
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: hsl(0 0% 0% / 43%);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px hsl(240, 5.9%, 11%);
+    }
+  }
+`;
+
+export default [styles];

package/src/nile-dialog/nile-dialog.ts

@@ -0,0 +1,325 @@
+/**
+ * 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 {LitElement, CSSResultArray, TemplateResult} from 'lit-element';
+import {styles} from './nile-dialog.css';
+
+import '../nile-icon-button/nile-icon-button';
+import { animateTo, stopAnimations } from '../internal/animate';
+import { classMap } from 'lit/directives/class-map.js';
+import { customElement, property, query } from 'lit/decorators.js';
+import { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';
+import { HasSlotController } from '../internal/slot';
+import { html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';
+import { waitForEvent } from '../internal/event';
+import { watch } from '../internal/watch';
+import Modal from '../internal/modal';
+import type { CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-modal
+ *
+ */
+@customElement('nile-dialog')
+export class NileDialog extends NileElement {
+
+  static styles: CSSResultGroup = styles;
+
+  private readonly hasSlotController = new HasSlotController(this, 'footer');
+  private modal: Modal;
+  private originalTrigger: HTMLElement | null;
+
+  @query('.dialog') dialog: HTMLElement;
+  @query('.dialog__panel') panel: HTMLElement;
+  @query('.dialog__overlay') overlay: HTMLElement;
+
+  /**
+   * Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can
+   * use the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.
+   */
+  @property({ type: Boolean, reflect: true }) open = false;
+
+  /**
+   * The dialog's label as displayed in the header. You should always include a relevant label even when using
+   * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.
+   */
+  @property({ reflect: true }) label = '';
+
+  /**
+   * Disables the header. This will also remove the default close button, so please ensure you provide an easy,
+   * accessible way for users to dismiss the dialog.
+   */
+  @property({ type: Boolean, reflect: true }) noHeader = false;
+
+  @property({ type: Boolean, reflect: true }) preventOverlayClose = false;
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);
+    this.modal = new Modal(this);
+  }
+
+  firstUpdated() {
+    this.dialog.hidden = !this.open;
+
+    if (this.open) {
+      this.addOpenListeners();
+      this.modal.activate();
+      lockBodyScrolling(this);
+    }
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    unlockBodyScrolling(this);
+  }
+
+  private requestClose(source: 'close-button' | 'keyboard' | 'overlay') {
+
+    const nileRequestClose = this.emit('nile-request-close', {
+      cancelable: true,
+      detail: { source }
+    });
+
+    if(source === 'close-button'){
+      this.hide();
+      return;
+    }
+
+    if (nileRequestClose.defaultPrevented || this.preventOverlayClose ) {
+      const animation = getAnimation(this, 'dialog.denyClose', { dir: 'right'});
+      animateTo(this.panel, animation.keyframes, animation.options);
+      return;
+    }
+
+    this.hide();
+  }
+
+  private addOpenListeners() {
+    document.addEventListener('keydown', this.handleDocumentKeyDown);
+  }
+
+  private removeOpenListeners() {
+    document.removeEventListener('keydown', this.handleDocumentKeyDown);
+  }
+
+  private handleDocumentKeyDown(event: KeyboardEvent) {
+    if (this.open && event.key === 'Escape') {
+      event.stopPropagation();
+      this.requestClose('keyboard');
+    }
+  }
+
+  @watch('open', { waitUntilFirstUpdate: true })
+  async handleOpenChange() {
+    if (this.open) {
+      // Show
+      this.emit('nile-show');
+      this.addOpenListeners();
+      this.originalTrigger = document.activeElement as HTMLElement;
+      this.modal.activate();
+
+      lockBodyScrolling(this);
+
+      // When the dialog is shown, Safari will attempt to set focus on whatever element has autofocus. This can cause
+      // the dialogs's animation to jitter (if it starts offscreen), so we'll temporarily remove the attribute, call
+      // `focus({ preventScroll: true })` ourselves, and add the attribute back afterwards.
+      //
+      // Related: https://github.com/shoelace-style/shoelace/issues/693
+      //
+      const autoFocusTarget = this.querySelector('[autofocus]');
+      if (autoFocusTarget) {
+        autoFocusTarget.removeAttribute('autofocus');
+      }
+
+      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
+      this.dialog.hidden = false;
+
+      // Set initial focus
+      requestAnimationFrame(() => {
+        const nileInitialFocus = this.emit('nile-initial-focus', { cancelable: true });
+
+        if (!nileInitialFocus.defaultPrevented) {
+          // Set focus to the autofocus target and restore the attribute
+          if (autoFocusTarget) {
+            (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });
+          } else {
+            this.panel.focus({ preventScroll: true });
+          }
+        }
+
+        // Restore the autofocus attribute
+        if (autoFocusTarget) {
+          autoFocusTarget.setAttribute('autofocus', '');
+        }
+      });
+
+      const panelAnimation = getAnimation(this, 'dialog.show', { dir: 'right' });
+      const overlayAnimation = getAnimation(this, 'dialog.overlay.show', { dir: 'right' });
+      await Promise.all([
+        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),
+        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)
+      ]);
+
+      this.emit('nile-after-show');
+    } else {
+      // Hide
+      this.emit('nile-hide');
+      this.removeOpenListeners();
+      this.modal.deactivate();
+
+      await Promise.all([stopAnimations(this.dialog), stopAnimations(this.overlay)]);
+      const panelAnimation = getAnimation(this, 'dialog.hide', { dir: 'right' });
+      const overlayAnimation = getAnimation(this, 'dialog.overlay.hide', { dir: 'right' });
+
+      // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to
+      // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear
+      // unexpectedly. We'll unhide them after all animations have completed.
+      await Promise.all([
+        animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {
+          this.overlay.hidden = true;
+        }),
+        animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {
+          this.panel.hidden = true;
+        })
+      ]);
+
+      this.dialog.hidden = true;
+
+      // Now that the dialog is hidden, restore the overlay and panel for next time
+      this.overlay.hidden = false;
+      this.panel.hidden = false;
+
+      unlockBodyScrolling(this);
+
+      // Restore focus to the original trigger
+      const trigger = this.originalTrigger;
+      if (typeof trigger?.focus === 'function') {
+        setTimeout(() => trigger.focus());
+      }
+
+      this.emit('nile-after-hide');
+    }
+  }
+
+  /** Shows the dialog. */
+  async show() {
+    if (this.open) {
+      return undefined;
+    }
+
+    this.open = true;
+    return waitForEvent(this, 'nile-after-show');
+  }
+
+  /** Hides the dialog */
+  async hide() {
+    if (!this.open) {
+      return undefined;
+    }
+
+    this.open = false;
+    return waitForEvent(this, 'nile-after-hide');
+  }
+
+  render() {
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+          dialog: true,
+          'dialog--open': this.open,
+          'dialog--has-footer': this.hasSlotController.test('footer')
+        })}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${() => this.requestClose('overlay')} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="dialog__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open ? 'false' : 'true'}
+          aria-label=${ifDefined(this.noHeader ? this.label : undefined)}
+          aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}
+          tabindex="0"
+        >
+          ${!this.noHeader
+            ? html`
+                <header part="header" class="dialog__header">
+                  <h2 part="title" class="dialog__title" id="title">
+                    <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
+                  </h2>
+                  <div part="header-actions" class="dialog__header-actions">
+                    <slot name="header-actions"></slot>
+                    <nile-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="dialog__close"
+                      name="close"
+                      label="close"
+                      library="system"
+                      @click="${() => this.requestClose('close-button')}"
+                    ></nile-icon-button>
+                  </div>
+                </header>
+              `
+            : ''}
+
+          <slot part="body" class="dialog__body"></slot>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `;
+  }
+}
+
+setDefaultAnimation('dialog.show', {
+  keyframes: [
+    { opacity: 0, scale: 0.8 },
+    { opacity: 1, scale: 1 }
+  ],
+  options: { duration: 250, easing: 'ease' }
+});
+
+setDefaultAnimation('dialog.hide', {
+  keyframes: [
+    { opacity: 1, scale: 1 },
+    { opacity: 0, scale: 0.8 }
+  ],
+  options: { duration: 250, easing: 'ease' }
+});
+
+setDefaultAnimation('dialog.denyClose', {
+  keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
+  options: { duration: 250 }
+});
+
+setDefaultAnimation('dialog.overlay.show', {
+  keyframes: [{ opacity: 0 }, { opacity: 1 }],
+  options: { duration: 250 }
+});
+
+setDefaultAnimation('dialog.overlay.hide', {
+  keyframes: [{ opacity: 1 }, { opacity: 0 }],
+  options: { duration: 250 }
+});
+
+export default NileDialog;
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'nile-dialog': NileDialog;
+  }
+}

package/src/nile-icon/icons/svg/array.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iWyBdIj48cGF0aCBkPSJNMC4zNDk2MDkgMTEuNDM5MVYwLjUzMDAyOUgyLjg3MjM0VjEuMzY1MjZIMS4zMDQxNVYxMC42MDM5SDIuODcyMzRWMTEuNDM5MUgwLjM0OTYwOVoiIGZpbGw9IiMxQzFCMUYiLz48cGF0aCBkPSJNOS41ODkzMSAwLjUzMDAyOVYxMS40MzkxSDcuMDY2NThWMTAuNjAzOUg4LjYzNDc3VjEuMzY1MjZINy4wNjY1OFYwLjUzMDAyOUg5LjU4OTMxWiIgZmlsbD0iIzFDMUIxRiIvPjwvZz48L3N2Zz4=";

package/src/nile-icon/icons/svg/arrayofobject.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuOTk5OSAyVjEySDkuNjY2MDJWMTEuMzIzMUgxMS4yNTE1VjIuNjc2ODZIOS42NjYwMlYySDExLjk5OTlaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMC42NTczIDYuNjYxNTdIMTAuOTMzMVY3LjMzODQzSDEwLjY1NzNDMTAuMDI3MSA3LjMzODQzIDkuNjkyMjYgNy43NDIzNiA5LjY5MjI2IDguNDQxMDVWMTAuMzYyNEM5LjY5MjI2IDExLjM2NjggOS4xODAxOSAxMiA4LjE0NjIgMTJINy40NzY1NlYxMS4zMjMxSDguMDI4MDNDOC43MDc1MSAxMS4zMjMxIDguOTQzODUgMTAuOTYyOSA4Ljk0Mzg1IDEwLjMyOTdWOC4zNzU1NUM4Ljk0Mzg1IDcuNjExMzUgOS4yNDkxMiA3LjEyMDA5IDkuODk5MDYgN0M5LjI0OTEyIDYuODc5OTEgOC45NDM4NSA2LjM4ODY1IDguOTQzODUgNS42MjQ0NVYzLjY3MDMxQzguOTQzODUgMy4wMzcxMiA4LjcwNzUxIDIuNjc2ODYgOC4wMjgwMyAyLjY3Njg2SDcuNDc2NTZWMkg4LjE0NjJDOS4xODAxOSAyIDkuNjkyMjYgMi42MzMxOSA5LjY5MjI2IDMuNjM3NTVWNS41NTg5NUM5LjY5MjI2IDYuMjU3NjQgMTAuMDI3MSA2LjY2MTU3IDEwLjY1NzMgNi42NjE1N1oiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTMuMDk1NyA2LjY2MTU3SDMuMzcxNDRDNC4wMDE2OCA2LjY2MTU3IDQuMzM2NSA2LjI1NzY0IDQuMzM2NSA1LjU1ODk1VjMuNjM3NTVDNC4zMzY1IDIuNjMzMTkgNC44NDg1NyAyIDUuODgyNTYgMkg2LjU1MjJWMi42NzY4Nkg2LjAwMDczQzUuMzIxMjUgMi42NzY4NiA1LjA4NDkxIDMuMDM3MTIgNS4wODQ5MSAzLjY3MDMxVjUuNjI0NDVDNS4wODQ5MSA2LjM4ODY1IDQuNzc5NjQgNi44Nzk5MSA0LjEyOTcgN0M0Ljc3OTY0IDcuMTIwMDkgNS4wODQ5MSA3LjYxMTM1IDUuMDg0OTEgOC4zNzU1NVYxMC4zMjk3QzUuMDg0OTEgMTAuOTYyOSA1LjMyMTI1IDExLjMyMzEgNi4wMDA3MyAxMS4zMjMxSDYuNTUyMlYxMkg1Ljg4MjU2QzQuODQ4NTcgMTIgNC4zMzY1IDExLjM2NjggNC4zMzY1IDEwLjM2MjRWOC40NDEwNUM0LjMzNjUgNy43NDIzNiA0LjAwMTY4IDcuMzM4NDMgMy4zNzE0NCA3LjMzODQzSDMuMDk1N1Y2LjY2MTU3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMiAxMlYySDQuMzMzODdWMi42NzY4NkgyLjc0ODQxVjExLjMyMzFINC4zMzM4N1YxMkgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/cases.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjgzMzcgNy4xMTExMVYwSDEyLjMwMDNWMi42NjY2N0g2LjcwMDMzVjBIMC4xNjY5OTJWNy4xMTExMUg2LjcwMDMzVjQuNDQ0NDRIOC41NjY5OVYxMy4zMzMzSDEyLjMwMDNWMTZIMTguODMzN1Y4Ljg4ODg5SDEyLjMwMDNWMTEuNTU1NkgxMC40MzM3VjQuNDQ0NDRIMTIuMzAwM1Y3LjExMTExSDE4LjgzMzdaIiAvPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTgxNDdfNjEzNzEpIj48cGF0aCBkPSJNNy4wNzkzNSAxOS44MzAxTDE5LjA3OTMgMTkuODMwMUwxOS4wNzkzIDIzLjU4MDFMMjMuNTc5MyAxOS4wODAxTDE5LjA3OTMgMTQuNTgwMUwxOS4wNzkzIDE4LjMzMDFMNy41NzkzNSAxOC4zMzAxTDcuMDc5MzUgMTkuODMwMVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcuMDc5NTkgOC4zMDc2MkwxOS4wNzk2IDguMzA3NjJMMTkuMDc5NiAxMi4wNTc2TDIzLjU3OTYgNy41NTc2MkwxOS4wNzk2IDMuMDU3NjJMMTkuMDc5NiA2LjgwNzYyTDcuNTc5NTkgNi44MDc2Mkw3LjA3OTU5IDguMzA3NjJaIiBmaWxsPSJibGFjayIvPjxyZWN0IHg9IjQuNSIgeT0iNC41IiB3aWR0aD0iNC4yMDcxNCIgaGVpZ2h0PSI0LjIwNzE0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA0LjUgNC41KSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cmVjdCB4PSI0LjUiIHk9IjE2IiB3aWR0aD0iNC4yMDcxNCIgaGVpZ2h0PSI0LjIwNzE0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA0LjUgMTYpIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik00LjUgMTBWMTYuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNNC41IDBWNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xODE0N182MTM3MSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/dowhileloop.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iNDciIGhlaWdodD0iNDciIHZpZXdCb3g9IjAgMCA0NyA0NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTMuMzk2NSAzNC42MTUyTDE5LjAzOSA0MS43MDExTDI3LjU3NyAzNC45MDI0TDIwLjc3ODIgMjYuMzY0NEwxMy42OTIzIDMyLjAwNjlMNy4wMTUxIDMxLjI0OTdMOS45NzI5MyA1LjE2Njg5TDM0Ljc1MTYgNy45NzY4M0wzMi45NzY5IDIzLjYyNjVMMjYuNDU2MiAyMi44ODcxTDMzLjM5MzcgMzEuNTk5M0w0Mi4xMDU5IDI0LjY2MThMMzUuNTg1MiAyMy45MjIzTDM3LjY1NTcgNS42NjQzM0w3LjY2MDQzIDIuMjYyODJMNC4xMTEwMyAzMy41NjIyTDEzLjM5NjUgMzQuNjE1MlpNMjAuMzYxMiAzMC4wNDIxTDIzLjg5OTMgMzQuNDg1M0wxOS40NTYxIDM4LjAyMzRMMTUuOTE3OSAzMy41ODAyTDIwLjM2MTIgMzAuMDQyMVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMjMuNDAxNEw2LjY4OTMzIDE5LjU5MDdMNSAxOS41OTA3QzIuOTI4OTMgMTkuNTkwNyAxLjI1IDE3LjkxMTggMS4yNSAxNS44NDA3TDEuMjUgNS44NDA3QzEuMjUgMy43Njk2MyAyLjkyODkzIDIuMDkwNyA1IDIuMDkwN0wxNSAyLjA5MDdDMTcuMDcxMSAyLjA5MDcgMTguNzUgMy43Njk2MyAxOC43NSA1Ljg0MDdMMTguNzUgMTIuMzQwN0wyMi41IDEyLjM0MDdMMTggMTYuODQwN0wxMy41IDEyLjM0MDdMMTcuMjUgMTIuMzQwN0wxNy4yNSA1Ljg0MDdDMTcuMjUgNC41OTgwNiAxNi4yNDI2IDMuNTkwNyAxNSAzLjU5MDdMNSAzLjU5MDdDMy43NTczNiAzLjU5MDcgMi43NSA0LjU5ODA2IDIuNzUgNS44NDA3TDIuNzUgMTUuODQwN0MyLjc1IDE3LjA4MzMgMy43NTczNiAxOC4wOTA3IDUgMTguMDkwN0w2LjYzOTA2IDE4LjA5MDdMMTAuNSAxNC4yMjk4TDE1LjA4NTggMTguODE1NkwxMC41IDIzLjQwMTRaTTEwLjUgMjEuMjhMMTIuOTY0NSAxOC44MTU2TDEwLjUgMTYuMzUxMUw4LjAzNTUxIDE4LjgxNTZMMTAuNSAyMS4yOFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/ifelse.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjQ5LDkuNUgzLjVWNS4yMWwxLjcxLTEuNzFoNy4yOHYyaC0xLjk5bDIuNDksMi41LDIuNTEtMi41aC0yLjAxVjIuNUg1LjIxTDMsLjI5LC4yOSwzbDIuMjEsMi4yMVYxNWgxdi00LjVIMTIuNDl2MmgtMS45OWwyLjQ5LDIuNSwyLjUxLTIuNWgtMi4wMXYtM1pNMywxLjcxbDEuMjksMS4yOS0xLjI5LDEuMjktMS4yOS0xLjI5LDEuMjktMS4yOVoiLz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEuNjc3NzNMMTIuNTMwMyAyLjIwODA2TDE1LjUzMDQgNS4yMDgxTDE2LjA2MDcgNS43Mzg0M0wxNS41MzA0IDYuMjY4NzZMMTIuNzUgOS4wNDkxMlYxMi4wOTU3SDE3QzE5LjA3MTEgMTIuMDk1NyAyMC43NSAxMy43NzQ2IDIwLjc1IDE1Ljg0NTdWMTkuMzk3NkgyNEwyMCAyMy4zOTc2TDE2IDE5LjM5NzZIMTkuMjVWMTUuODQ1N0MxOS4yNSAxNC42MDMgMTguMjQyNiAxMy41OTU3IDE3IDEzLjU5NTdIMTJIN0M1Ljc1NzM2IDEzLjU5NTcgNC43NSAxNC42MDMgNC43NSAxNS44NDU3VjE5LjM5NzZIOEw0IDIzLjM5NzZMMCAxOS4zOTc2SDMuMjVWMTUuODQ1N0MzLjI1IDEzLjc3NDYgNC45Mjg5MyAxMi4wOTU3IDcgMTIuMDk1N0gxMS4yNVY5LjA0OTEyTDguNDY5NjQgNi4yNjg3Nkw3LjkzOTMgNS43Mzg0M0w4LjQ2OTY0IDUuMjA4MUwxMS40Njk3IDIuMjA4MDZMMTIgMS42Nzc3M1pNMTIgMy43OTkwNUwxMC4wNjA2IDUuNzM4NDNMMTIgNy42Nzc4TDEzLjkzOTQgNS43Mzg0M0wxMiAzLjc5OTA1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/index.ts

@@ -14,6 +14,8 @@ export { default as applications } from './applications';
 export { default as approve } from './approve';
 export { default as aquera } from './aquera';
 export { default as aquerasupport } from './aquerasupport';
+export { default as array } from './array';
+export { default as arrayofobject } from './arrayofobject';
 export { default as arrow } from './arrow';
 export { default as arrowdown } from './arrowdown';
 export { default as arrowdropdown } from './arrowdropdown';
@@ -232,6 +234,8 @@ export { default as notificationadded } from './notificationadded';
 export { default as notscheduled } from './notscheduled';
 export { default as null } from './null';
 export { default as number } from './number';
+export { default as numberinput } from './numberinput';
+export { default as object } from './object';
 export { default as operators } from './operators';
 export { default as options } from './options';
 export { default as orchestrationsolid } from './orchestration-solid';
@@ -249,6 +253,7 @@ export { default as pen } from './pen';
 export { default as pencil } from './pencil';
 export { default as peopletask } from './peopletask';
 export { default as persistentvariable } from './persistent-variable';
+export { default as persistentdata } from './persistentdata';
 export { default as personaldetails } from './personaldetails';
 export { default as phone } from './phone';
 export { default as pin } from './pin';
@@ -322,6 +327,7 @@ export { default as stop } from './stop';
 export { default as storybook } from './storybook';
 export { default as string } from './string';
 export { default as stringinput } from './stringinput';
+export { default as stringletters } from './stringletters';
 export { default as support } from './support';
 export { default as swap } from './swap';
 export { default as sync } from './sync';

package/src/nile-icon/icons/svg/loop.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGcgY2xhc3M9Im5jLWljb24td3JhcHBlciI+PHBhdGggZD0iTTE0LjcwNyw1LjI5M0ExLDEsMCwwLDAsMTMsNnY0LjA1MUExMy45OTIsMTMuOTkyLDAsMCwwLDE0LDM4aDRhMiwyLDAsMCwwLDAtNEgxNGExMCwxMCwwLDAsMSwwLTIwaDdhMSwxLDAsMCwwLC43MDctMS43MDdaIj48L3BhdGg+PHBhdGggZGF0YS1jb2xvcj0iY29sb3ItMiIgZD0iTTM0LDEwSDMwYTIsMiwwLDAsMCwwLDRoNGExMCwxMCwwLDAsMSwwLDIwSDI3YTEsMSwwLDAsMC0uNzA3LDEuNzA3bDcsN0ExLDEsMCwwLDAsMzQsNDNhLjk4Ny45ODcsMCwwLDAsLjM4My0uMDc2QTEsMSwwLDAsMCwzNSw0MlYzNy45NDlBMTMuOTkyLDEzLjk5MiwwLDAsMCwzNCwxMFoiPjwvcGF0aD48L2c+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgMjEuMDAwMkM1Ljc1NzM2IDIxLjAwMDIgNC43NSAxOS45OTI4IDQuNzUgMTguNzUwMlY3LjE5ODI0SDhMNCAzLjE5ODI0TDAgNy4xOTgyNEgzLjI1VjE4Ljc1MDJDMy4yNSAyMC44MjEyIDQuOTI4OTMgMjIuNTAwMiA3IDIyLjUwMDJIMTZWMjEuMDAwMkg3Wk0xNyA0LjY5ODI4QzE4LjI0MjYgNC42OTgyOCAxOS4yNSA1LjcwNTY0IDE5LjI1IDYuOTQ4MjhMMTkuMjUgMTguNTAwMkwxNiAxOC41MDAyTDIwIDIyLjUwMDJMMjQgMTguNTAwMkgyMC43NUwyMC43NSA2Ljk0ODI4QzIwLjc1IDQuODc3MjEgMTkuMDcxMSAzLjE5ODI4IDE3IDMuMTk4MjhMOCAzLjE5ODI4VjQuNjk4MjhMMTcgNC42OTgyOFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/numberinput.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMTg3NSAxLjMxMjVIMTAuNVYwLjQzNzVIN1YxLjMxMjVIOC4zMTI1VjEyLjY4NzVIN1YxMy41NjI1SDEwLjVWMTIuNjg3NUg5LjE4NzVWMS4zMTI1Wk0xLjMxMjUgMy4wNjI1SDdWMy45Mzc1SDIuMTg3NVYxMC4wNjI1SDdWMTAuOTM3NUgxLjMxMjVWMy4wNjI1Wk0xMS44MTI1IDMuOTM3NUgxMC41VjMuMDYyNUgxMi42ODc1VjEwLjkzNzVIMTAuNVYxMC4wNjI1SDExLjgxMjVWMy45Mzc1Wk01LjE0ODYxIDguMTQwNDlINC4zNzVWOC43NUg2LjU5NTAzVjguMTQwNDlINS44MjE0MlY1LjI1SDUuMTUzM0w0LjQyODkyIDUuNDIzNDhWNi4wNDcwNUw1LjE0ODYxIDUuODY4ODlWOC4xNDA0OVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/object.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxMC4yNzQ5VjkuMjgyNjVDMC44OTA5MjEgOS4yODI2NSAxLjUxMjQzIDkuMDk1OTMgMS44NjQ1MyA4LjcyMjVDMi4yMjE5NyA4LjM0OTA1IDIuNDAwNjkgNy43MjQ4OCAyLjQwMDY5IDYuODQ5OTZWNC4yODkyM0MyLjQwMDY5IDMuNTUzMDIgMi40NzAwNCAyLjkxNTUgMi42MDg3NSAyLjM3NjY4QzIuNzUyNzkgMS44Mzc4NiAyLjk4NDg1IDEuMzkyNCAzLjMwNDk0IDEuMDQwM0MzLjYyNTA0IDAuNjg4MTk4IDQuMDUxODMgMC40MjY3OSA0LjU4NTMxIDAuMjU2MDc0QzUuMTE4OCAwLjA4NTM1ODEgNS43Nzc2NSAwIDYuNTYxODggMFYxLjU2ODQ1QzUuOTQzMDMgMS41Njg0NSA1LjQ1NDg5IDEuNjY0NDggNS4wOTc0NiAxLjg1NjUzQzQuNzQ1MzYgMi4wNDg1OSA0LjQ5NDYyIDIuMzQ3MzQgNC4zNDUyNCAyLjc1Mjc5QzQuMjAxMiAzLjE1MjkgNC4xMjkxOCAzLjY2NTA1IDQuMTI5MTggNC4yODkyM1Y3LjQ5MDE0QzQuMTI5MTggNy45MDYyNiA0LjA3MzE2IDguMjg1MDQgMy45NjExMyA4LjYyNjQ3QzMuODU0NDQgOC45Njc5IDMuNjU0MzggOS4yNjEzMSAzLjM2MDk2IDkuNTA2NzJDMy4wNjc1NCA5Ljc1MjEyIDIuNjQ4NzYgOS45NDE1MSAyLjEwNDYgMTAuMDc0OUMxLjU2NTc4IDEwLjIwODMgMC44NjQyNDcgMTAuMjc0OSAwIDEwLjI3NDlaTTYuNTYxODggMjAuNDg1OUM1Ljc3NzY1IDIwLjQ4NTkgNS4xMTg4IDIwLjQwMDUgNC41ODUzMSAyMC4yMjk4QzQuMDUxODMgMjAuMDU5MSAzLjYyNTA0IDE5Ljc5NzcgMy4zMDQ5NCAxOS40NDU2QzIuOTg0ODUgMTkuMDkzNSAyLjc1Mjc5IDE4LjY0OCAyLjYwODc1IDE4LjEwOTJDMi40NzAwNCAxNy41NzA0IDIuNDAwNjkgMTYuOTMyOCAyLjQwMDY5IDE2LjE5NjZWMTMuNjM1OUMyLjQwMDY5IDEyLjc2MSAyLjIyMTk3IDEyLjEzNjggMS44NjQ1MyAxMS43NjM0QzEuNTEyNDMgMTEuMzg5OSAwLjg5MDkyMSAxMS4yMDMyIDAgMTEuMjAzMlYxMC4yMTA5QzAuODY0MjQ3IDEwLjIxMDkgMS41NjU3OCAxMC4yNzc2IDIuMTA0NiAxMC40MTFDMi42NDg3NiAxMC41NDQzIDMuMDY3NTQgMTAuNzMzNyAzLjM2MDk2IDEwLjk3OTFDMy42NTQzOCAxMS4yMjQ1IDMuODU0NDQgMTEuNTE4IDMuOTYxMTMgMTEuODU5NEM0LjA3MzE2IDEyLjIwMDggNC4xMjkxOCAxMi41Nzk2IDQuMTI5MTggMTIuOTk1N1YxNi4xOTY2QzQuMTI5MTggMTYuODIwOCA0LjIwMTIgMTcuMzMzIDQuMzQ1MjQgMTcuNzMzMUM0LjQ5NDYyIDE4LjEzMzIgNC43NDUzNiAxOC40MjkzIDUuMDk3NDYgMTguNjIxM0M1LjQ1NDg5IDE4LjgxODcgNS45NDMwMyAxOC45MTc0IDYuNTYxODggMTguOTE3NFYyMC40ODU5Wk0wIDExLjIwMzJWOS4yODI2NUgxLjg4ODU0VjExLjIwMzJIMFoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTIxIDEwLjIxMDlWMTEuMjAzMkMyMC4xMDkxIDExLjIwMzIgMTkuNDg0OSAxMS4zODk5IDE5LjEyNzUgMTEuNzYzNEMxOC43NzU0IDEyLjEzNjggMTguNTk5MyAxMi43NjEgMTguNTk5MyAxMy42MzU5VjE2LjE5NjZDMTguNTk5MyAxNi45MzI4IDE4LjUyNzMgMTcuNTcwNCAxOC4zODMzIDE4LjEwOTJDMTguMjQ0NSAxOC42NDggMTguMDE1MSAxOS4wOTM1IDE3LjY5NTEgMTkuNDQ1NkMxNy4zNzUgMTkuNzk3NyAxNi45NDgyIDIwLjA1OTEgMTYuNDE0NyAyMC4yMjk4QzE1Ljg4MTIgMjAuNDAwNSAxNS4yMjI0IDIwLjQ4NTkgMTQuNDM4MSAyMC40ODU5VjE4LjkxNzRDMTUuMDU3IDE4LjkxNzQgMTUuNTQyNCAxOC44MTg3IDE1Ljg5NDUgMTguNjIxM0MxNi4yNTIgMTguNDI5MyAxNi41MDI3IDE4LjEzMzIgMTYuNjQ2OCAxNy43MzMxQzE2Ljc5NjEgMTcuMzMzIDE2Ljg3MDggMTYuODIwOCAxNi44NzA4IDE2LjE5NjZWMTIuOTk1N0MxNi44NzA4IDEyLjU3OTYgMTYuOTI0MiAxMi4yMDA4IDE3LjAzMDkgMTEuODU5NEMxNy4xNDI5IDExLjUxOCAxNy4zNDU2IDExLjIyNDUgMTcuNjM5IDEwLjk3OTFDMTcuOTMyNSAxMC43MzM3IDE4LjM0ODYgMTAuNTQ0MyAxOC44ODc0IDEwLjQxMUMxOS40MzE2IDEwLjI3NzYgMjAuMTM1OCAxMC4yMTA5IDIxIDEwLjIxMDlaTTE0LjQzODEgMEMxNS4yMjI0IDAgMTUuODgxMiAwLjA4NTM1ODEgMTYuNDE0NyAwLjI1NjA3NEMxNi45NDgyIDAuNDI2NzkgMTcuMzc1IDAuNjg4MTk4IDE3LjY5NTEgMS4wNDAzQzE4LjAxNTEgMS4zOTI0IDE4LjI0NDUgMS44Mzc4NiAxOC4zODMzIDIuMzc2NjhDMTguNTI3MyAyLjkxNTUgMTguNTk5MyAzLjU1MzAyIDE4LjU5OTMgNC4yODkyM1Y2Ljg0OTk2QzE4LjU5OTMgNy43MjQ4OCAxOC43NzU0IDguMzQ5MDUgMTkuMTI3NSA4LjcyMjVDMTkuNDg0OSA5LjA5NTkzIDIwLjEwOTEgOS4yODI2NSAyMSA5LjI4MjY1VjEwLjI3NDlDMjAuMTM1OCAxMC4yNzQ5IDE5LjQzMTYgMTAuMjA4MyAxOC44ODc0IDEwLjA3NDlDMTguMzQ4NiA5Ljk0MTUxIDE3LjkzMjUgOS43NTIxMiAxNy42MzkgOS41MDY3MkMxNy4zNDU2IDkuMjYxMzEgMTcuMTQyOSA4Ljk2NzkgMTcuMDMwOSA4LjYyNjQ3QzE2LjkyNDIgOC4yODUwNCAxNi44NzA4IDcuOTA2MjYgMTYuODcwOCA3LjQ5MDE0VjQuMjg5MjNDMTYuODcwOCAzLjY2NTA1IDE2Ljc5NjEgMy4xNTI5IDE2LjY0NjggMi43NTI3OUMxNi41MDI3IDIuMzQ3MzQgMTYuMjUyIDIuMDQ4NTkgMTUuODk0NSAxLjg1NjUzQzE1LjU0MjQgMS42NjQ0OCAxNS4wNTcgMS41Njg0NSAxNC40MzgxIDEuNTY4NDVWMFpNMjEgOS4yODI2NVYxMS4yMDMySDE5LjExMTVWOS4yODI2NUgyMVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/persistentdata.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCA0MiA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTgyMDVfMTMwMjE4KSI+PHBhdGggZD0iTTMzLjIxNDggMjQuNzYzMkMyOC4zNzA5IDI0Ljc2MzIgMjQuNDI5NyAyOC42Mjk3IDI0LjQyOTcgMzMuMzgxNkMyNC40Mjk3IDM4LjEzMzUgMjguMzcwOSA0MiAzMy4yMTQ4IDQyQzM4LjA1ODYgNDIgNDEuOTk5OSAzOC4xMzM1IDQxLjk5OTkgMzMuMzgxNkM0MS45OTk5IDI4LjYyOTcgMzguMDU4NiAyNC43NjMyIDMzLjIxNDggMjQuNzYzMlpNMzMuMjE0OCAzOS43ODY0QzI5LjYwNDUgMzkuNzg2NCAyNi42ODYxIDM2LjkyMzQgMjYuNjg2MSAzMy4zODE2QzI2LjY4NjEgMjkuODM5OCAyOS42MDQ1IDI2Ljk3NjggMzMuMjE0OCAyNi45NzY4QzM2LjgyNTEgMjYuOTc2OCAzOS43NDM0IDI5LjgzOTggMzkuNzQzNCAzMy4zODE2QzM5Ljc0MzQgMzYuOTIzNCAzNi44MjUxIDM5Ljc4NjQgMzMuMjE0OCAzOS43ODY0WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMjIuMzUzOSAzOS4yMjU2QzIxLjMwMDkgMzkuMzE0MSAyMC4yNzc5IDM5LjM3MzIgMTkuMjg1MSAzOS4zNzMyQzExLjQzMjcgMzkuMzczMiAyLjY0NzU2IDM2LjY4NzMgMi42NDc1NiAzMy4xMTZWMjkuMTYwOUM2LjA0NzI4IDMxLjg0NjggMTIuMzA1MiAzMy40NzAxIDE5LjI4NTEgMzMuNDcwMUMxOS43MDYzIDMzLjQ3MDEgMjAuMTI3NSAzMy40NzAxIDIwLjU3ODggMzMuNDcwMUMyMS41NzE2IDMyLjMxOSAyMSAzMS4yODYgMjAuNjA4OSAzMC44MTM4QzIwLjE1NzYgMzAuODEzOCAxOS42NzYyIDMwLjg3MjggMTkuMjg1MSAzMC44NzI4QzExLjQzMjcgMzAuODcyOCAyLjY0NzU2IDI4LjE4NjkgMi42NDc1NiAyNC42MTU2VjIwLjY2MDZDNi4wNDcyOCAyMy4zNDY1IDEyLjMwNTIgMjQuOTY5OCAxOS4yODUxIDI0Ljk2OThDMjYuMjY1IDI0Ljk2OTggMzIuNTIyOSAyMy4zNDY1IDM1LjkyMjYgMjAuNjYwNkwzNi40NjQyIDIwLjI3NjlDMzcuMDY1OSAxOS44MDQ2IDM3LjQyNjkgMTkuNTk4IDM4LjMyOTUgMTguODAxMUwzOC41NDAxIDE4LjYyNFY4LjU1OTM4QzM4LjQ3OTkgOC4yMDUyIDM4LjMyOTUgNy43NjI0NyAzOC4yMDkyIDcuNDk2ODRDMzcuMDA1NyAzLjE1ODEyIDI5LjIxMzUgMCAxOS4yNTUgMEM5LjI5NjU2IDAgMS4yMzM1MiAzLjA0MDA2IDAuMjEwNjAyIDcuNDY3MzJDMCA3Ljc5MTk5IDAgOC4yMDUyIDAgOC41NTkzOFYzMy4xMTZDMCAzOC4xMDQgOC40NTQxNSA0MiAxOS4yODUxIDQyQzIwLjMzODEgNDIgMjEuMzYxIDQxLjk0MSAyMi4zODQgNDEuODgxOUMyMy41NTczIDQwLjY0MjMgMjIuNTM0NCAzOS40MzIyIDIyLjM4NCAzOS4yNTUxTDIyLjM1MzkgMzkuMjI1NlpNMTkuMjg1MSAyLjU2NzgxQzI2Ljk4NzEgMi41Njc4MSAzNS42MjE4IDUuMTM1NjMgMzUuNjIxOCA4LjU4ODlDMzUuNjIxOCAxMi4wNDIyIDI2Ljk4NzEgMTQuNjEgMTkuMjg1MSAxNC42MUMxMS41ODMxIDE0LjYxIDIuOTE4MzQgMTIuMDEyNiAyLjkxODM0IDguNTU5MzhDMi45MTgzNCA1LjEwNjExIDExLjU1MyAyLjU2NzgxIDE5LjI4NTEgMi41Njc4MVpNMi42NDc1NiAxMi43OEM1Ljg5Njg1IDE1LjQ5NTQgMTIuMTU0NyAxNy4xNDgzIDE5LjI4NTEgMTcuMTQ4M0MyNi40MTU1IDE3LjE0ODMgMzIuNjczNCAxNS40OTU0IDM1LjkyMjYgMTIuNzhWMTYuMTQ0OEMzNS45MjI2IDE5LjcxNjEgMjcuMTM3NSAyMi40MDIgMTkuMjg1MSAyMi40MDJDMTEuNDMyNyAyMi40MDIgMi42NDc1NiAxOS43MTYxIDIuNjQ3NTYgMTYuMTE1MlYxMi43NTA1VjEyLjc4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMzcuNzI4MiAzMi42NDM3TDMyLjU4MzUgMzIuNTg0N1YzMC44NDMzTDI5LjIxMzkgMzMuMzIyNUwzMi41ODM1IDM1Ljg5MDNWMzQuMDYwNEwzNy43MjgyIDM0LjExOTRDMzguMTQ5NCAzNC4xMTk0IDM4LjQ4MDMgMzMuNzk0OCAzOC40ODAzIDMzLjM4MTZDMzguNDgwMyAzMi45Njg0IDM4LjE0OTQgMzIuNjQzNyAzNy43MjgyIDMyLjY0MzdaIiBmaWxsPSJibGFjayIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzE4MjA1XzEzMDIxOCI+PHJlY3Qgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/stringletters.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4zNjg1NyA1SDQuMTUxNDNMMiAxMUgzLjE5MTQzTDMuNTk0MjkgOS43NEg1LjkyNTcxTDYuMzI4NTcgMTFINy41Mkw1LjM2ODU3IDVaTTQuNzYgNi4wOEw1LjYxNzE0IDguNzg4NTdIMy44OTQyOUw0Ljc2IDYuMDhaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik05LjkyMzY4IDExSDEyLjY1OEMxMy44NTggMTEgMTQuNjg5NCAxMC4zMTQzIDE0LjY4OTQgOS4zMTE0M0MxNC42ODk0IDguNDk3MTQgMTQuMTkyMyA4LjAyNTcxIDEzLjU3NTEgNy44OTcxNEMxMy45OTUxIDcuNjU3MTQgMTQuMzI5NCA3LjIwMjg2IDE0LjMyOTQgNi41MTcxNEMxNC4zMjk0IDUuNjE3MTQgMTMuNjY5NCA1IDEyLjYxNTEgNUg5LjkyMzY4VjExWk0xMS4wODk0IDEwLjA1NzFWOC40MkgxMi41ODk0QzEzLjE1NTEgOC40MiAxMy40ODk0IDguNzM3MTQgMTMuNDg5NCA5LjIzNDI5QzEzLjQ4OTQgOS43NCAxMy4xNzIzIDEwLjA1NzEgMTIuNTk4IDEwLjA1NzFIMTEuMDg5NFpNMTEuMDg5NCA3LjQ4NTcxVjUuOTQyODZIMTIuMzQwOEMxMi44MzggNS45NDI4NiAxMy4xMjk0IDYuMjM0MjkgMTMuMTI5NCA2LjY4ODU3QzEzLjEyOTQgNy4xNTE0MyAxMi44NTUxIDcuNDg1NzEgMTIuMzQ5NCA3LjQ4NTcxSDExLjA4OTRaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/whileloop.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDQgMy40NEw5IDFMNi4wNiAzLjk0TDkgNi44OEwxMS40NCA0LjQ0SDE0VjE0LjQ0SDQuNVY4LjQ0SDdMNCA1LjQ0TDEgOC40NEgzLjVWMTUuNDRIMTVWMy40NEgxMS40NFpNOSA1LjQ3TDcuNDcgMy45NEw5IDIuNDFMMTAuNTMgMy45NEw5IDUuNDdaIiBmaWxsPSJpbmhlcml0Ii8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMjMuNDAxNEw2LjY4OTMzIDE5LjU5MDdMNSAxOS41OTA3QzIuOTI4OTMgMTkuNTkwNyAxLjI1IDE3LjkxMTggMS4yNSAxNS44NDA3TDEuMjUgNS44NDA3QzEuMjUgMy43Njk2MyAyLjkyODkzIDIuMDkwNyA1IDIuMDkwN0wxNSAyLjA5MDdDMTcuMDcxMSAyLjA5MDcgMTguNzUgMy43Njk2MyAxOC43NSA1Ljg0MDdMMTguNzUgMTIuMzQwN0wyMi41IDEyLjM0MDdMMTggMTYuODQwN0wxMy41IDEyLjM0MDdMMTcuMjUgMTIuMzQwN0wxNy4yNSA1Ljg0MDdDMTcuMjUgNC41OTgwNiAxNi4yNDI2IDMuNTkwNyAxNSAzLjU5MDdMNSAzLjU5MDdDMy43NTczNiAzLjU5MDcgMi43NSA0LjU5ODA2IDIuNzUgNS44NDA3TDIuNzUgMTUuODQwN0MyLjc1IDE3LjA4MzMgMy43NTczNiAxOC4wOTA3IDUgMTguMDkwN0w2LjYzOTA2IDE4LjA5MDdMMTAuNSAxNC4yMjk4TDE1LjA4NTggMTguODE1NkwxMC41IDIzLjQwMTRaTTEwLjUgMjEuMjhMMTIuOTY0NSAxOC44MTU2TDEwLjUgMTYuMzUxMUw4LjAzNTUxIDE4LjgxNTZMMTAuNSAyMS4yOFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-input/nile-input.ts

@@ -173,7 +173,7 @@ export class NileInput extends NileElement implements NileFormControl {
    * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
    * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
    */
-  @property() autocomplete: string;
+  @property() autocomplete: string = "off";
 
   /** Indicates that the input should receive focus on page load. */
   @property({ type: Boolean }) autofocus: boolean;
@@ -445,6 +445,7 @@ export class NileInput extends NileElement implements NileFormControl {
     const hasLabelSlot = this.hasSlotController.test('label');
     const hasHelpTextSlot = this.hasSlotController.test('help-text');
     const hasLabel = this.label ? true : !!hasLabelSlot;
+    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');
     const hasHelpText = this.helpText ? true : false;
     const hasErrorMessage = this.errorMessage ? true : false;
     const hasClearIcon =
@@ -474,6 +475,8 @@ export class NileInput extends NileElement implements NileFormControl {
           <slot name="label">${this.label}</slot>
         </label>
 
+        ${hasLabelSuffixSlot ? html` <slot name="label-suffix"></slot> ` : ``}
+
         <div part="form-control-input" class="form-control-input">
           <div
             part="base"

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

@@ -31,6 +31,7 @@ export const styles = css`
     isolation: isolate;
     max-width: var(--auto-size-available-width, none);
     max-height: var(--auto-size-available-height, none);
+    z-index: 800;
   }
 
   .popup--fixed {

package/src/nile-progress-bar/nile-progress-bar.ts

@@ -10,7 +10,6 @@ export class NileProgressBar extends LitElement {
   override render() {
     return html`
       <div class="nile-progress-bar__container">
-        ${this.value === 0 ? html`<ul class="nile-progress-bar__progress-bar nile-progress-bar__reset"></ul>` : html``}
         <ul class="nile-progress-bar__progress-bar">
           <li><span style="width: ${this.value}%"></span></li>
         </ul>

package/src/nile-radio-group/nile-radio-group.ts

@@ -209,6 +209,7 @@ export class NileRadioGroup extends NileElement {
   render() {
     const hasLabelSlot = this.hasSlotController.test('label');
     const hasHelpTextSlot = this.hasSlotController.test('help-text');
+    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasHelpText = this.helpText ? true : false;
     const hasErrorMessage = this.errorMessage ? true : false;
@@ -247,6 +248,8 @@ export class NileRadioGroup extends NileElement {
           <slot name="label">${this.label}</slot>
         </label>
 
+        ${hasLabelSuffixSlot ? html` <slot name="label-suffix"></slot> ` : ``}
+
         <div part="form-control-input" class="form-control-input">
           <div class="visually-hidden">
             <label class="radio-group__validation">