@aquera/nile-elements 0.0.67 → 0.0.69

package/src/nile-empty-state/nile-empty-state.css.ts

@@ -13,57 +13,95 @@ import { css } from 'lit-element';
 export const styles = css`
   :host {
     display:inline-flex;
-    min-width:300px;
-    max-width:512px;
+    min-width:var(--nile-empty-state-max-width);
+    max-width:var(--nile-empty-state-min-width);
     width:100%;
   }
 
   .empty-state--sm {
     --nile-es-text-size:16px;
+    --nile-es-text-line-height:24px;
     --nile-es-subtext-size:14px;
+    --nile-es-subtext-line-height:20px;
+    
     --nile-es-icon-size:48px;
-    --es-flat-option-border-radius:5px;
+    --nile-es-flat-option-border-radius:5px;
     --nile-es-img-height:118px;
+    --nile-es-img-width:152px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-3xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-xl);
+    --nile-es-text-gap:0px;
   }
 
   .empty-state--md {
     --nile-es-text-size:18px;
+    --nile-es-text-line-height:28px;
     --nile-es-subtext-size:14px;
+    --nile-es-subtext-line-height:20px;
+
     --nile-es-icon-size:48px;
-    --es-flat-option-border-radius:5px;
+    --nile-es-flat-option-border-radius:5px;
     --nile-es-img-height:128px;
+    --nile-es-img-width:172px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-4xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-2xl);
+    --nile-es-text-gap:var(--nile-spacing-spacing-md);
   }
 
   .empty-state--lg {
     --nile-es-text-size:20px;
+    --nile-es-text-line-height:30px;
     --nile-es-subtext-size:16px;
+    --nile-es-subtext-line-height:24px;
+
     --nile-es-icon-size:56px;
-    --es-flat-option-border-radius:10px;
+    --nile-es-flat-option-border-radius:10px;
     --nile-es-img-height:160px;
+    --nile-es-img-width:220px;
+
+    --nile-es-gap:var(--nile-spacing-spacing-4xl);
+    --nile-es-body-gap:var(--nile-spacing-spacing-3xl);
+    --nile-es-text-gap:var(--nile-spacing-spacing-md)
   }
 
   .empty-state {
-    padding:1rem;
     min-width:300px;
     max-width:512px;
     width:100%;
     height:max-content;
     display:flex;
     flex-direction:column;
-    row-gap:2rem;
+    row-gap:var(--nile-es-gap);
   }
 
   .empty-state__body {
-    row-gap:5px;
     display:flex;
     flex-direction:column;
     justify-content:space-between;
     align-items:center;
+    row-gap:var(--nile-es-body-gap)
   }
 
   .empty-state__body--content {
     position:relative;
   }
+  .empty-state__image {    
+    background:var(--nile-empty-state-image);
+    background-size: var(--nile-es-img-width) var(--nile-es-img-height);
+    height: var(--nile-es-img-height);
+    width: var(--nile-es-img-width);
+    max-width: 100%;
+  }
+
+  .empty-state__image--grayscale {
+    -webkit-filter: grayscale(100%);
+    -moz-filter: grayscale(100%);
+    -o-filter: grayscale(100%);
+    -ms-filter: grayscale(100%);
+    filter: grayscale(100%);
+  }
 
   .empty-state__img__icon {
     height: var(--nile-es-icon-size);
@@ -72,19 +110,15 @@ export const styles = css`
     display: grid;
     place-items: center;
     background: #34405466;
-  }
-
-  .empty-state__img__icon--abs {
     position:absolute;
     left: calc(50% - calc(var(--nile-es-icon-size) / 2));
-    top:calc(50% - calc(var(--nile-es-icon-size) / 2));
+    top:calc(62.5% - calc(var(--nile-es-icon-size) / 2));
   }
 
   .empty-state__body--tonal {
     background: linear-gradient(180deg, #F9FAFB 0%, #EDF0F3 100%);
-    width: 100px;
-    height: 100px;
-    padding: 1rem;
+    width: 104px;
+    height: 104px;
     border-radius: 50%;
     display:flex;
     justify-content:center;
@@ -92,13 +126,12 @@ export const styles = css`
   }
 
   .empty-state__body--flat {
-    margin:2rem;
   }
 
   .nile-flat-type-icon {
     height:var(--nile-es-icon-size);
     aspect-ratio:1 / 1;
-    border-radius: var(--es-flat-option-border-radius);
+    border-radius: var(--nile-es-flat-option-border-radius);
 
     background-color: white;
     display: grid;
@@ -106,25 +139,33 @@ export const styles = css`
     border: 1px solid #EAECF0;
   }
 
+  .empty__state__text-section {
+    display:flex;
+    flex-direction:column;
+    gap:var(--nile-es-text-gap);
+    max-width:80%;
+  }
+
   .empty-state__text {
     font-size: var(--nile-es-text-size);
     font-weight: 600;
-    line-height: 28px;
+    line-height: var(--nile-es-text-line-height);
     text-align: center;
+    font-style: normal;
   }
 
   .empty-state__subtext {
     font-size: var(--nile-es-subtext-size);
     font-weight: 400;
-    line-height: 20px;
+    line-height: var(--nile-es-subtext-line-height);
     text-align: center;
     color:#475467;
+    font-style: normal;
   }
 
   .empty-state-actions {
     display:flex;
     justify-content:center;
-    gap:1rem;
   }
 `;
 

package/src/nile-empty-state/nile-empty-state.ts

@@ -9,7 +9,6 @@ import { state, html, nothing, property, CSSResultArray, TemplateResult } from '
 import { customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styles } from './nile-empty-state.css';
-import { HasSlotController } from '../internal/slot';
 import NileElement from '../internal/nile-element';
 
 /**
@@ -28,10 +27,6 @@ export class NileEmptyState extends NileElement {
   public static get styles(): CSSResultArray {
     return [styles];
   }
-  private readonly hasSlotController = new HasSlotController(
-    this,
-    'actions'
-  );
 
   @property() size: 'sm' | 'md' | 'lg' = 'md';
 
@@ -41,6 +36,7 @@ export class NileEmptyState extends NileElement {
     | 'tonal' = 'tonal';
 
   @property() icon: string = 'error';
+  @property({type:Boolean}) grayscale: boolean = false;
 
   @property() text: String = 'Empty State';
   @property() subText: String = 'No Data';
@@ -55,7 +51,6 @@ export class NileEmptyState extends NileElement {
    * @slot This is a slot test
    */
   public render(): TemplateResult {
-    const hasContentSlot = this.hasSlotController.test('content');
     return html`
 		<div class="${classMap({
       'empty-state': true,
@@ -63,39 +58,38 @@ export class NileEmptyState extends NileElement {
       'empty-state--md': this.size == 'md',
       'empty-state--lg': this.size == 'lg'
     })}">
-			<div class="${classMap({
-      'empty-state__body': true,
-    })}">
-			${this.variant == 'content' ? html`
-				<div class="empty-state__body--content">
-					<slot name="content"></slot>
-					${!this.icon ? nothing :
-          html`
-						<div class="${classMap({
-            'empty-state__img__icon': true,
-            'empty-state__img__icon--abs': hasContentSlot
-          })}">
-							<nile-icon name="${this.icon}" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
-						</div>`
+      <div class="${classMap({ 'empty-state__body': true })}">
+
+        ${this.variant == 'content' ? html`
+        <div class="empty-state__body--content">
+          
+          <div src="" class="${classMap({ 'empty-state__image': true, 'empty-state__image--grayscale':this.grayscale  })}"></div>
+          ${!this.icon ? nothing : html`
+          <div class="empty-state__img__icon">
+            <nile-icon name="${this.icon}" color="white" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}"></nile-icon>
+          </div>`
+          }
+        </div>`: nothing
         }
-				</div>`: nothing
-      }
 				
-			${this.variant == 'tonal' ? html`
+			  ${this.variant == 'tonal' ? html`
 				<div class="empty-state__body--tonal">
 					<nile-icon name="${this.icon}" size="40"></nile-icon>
 				</div>`: nothing
-      }
+        }
 
-			${this.variant == 'flat' ? html`
+			  ${this.variant == 'flat' ? html`
 				<div class="empty-state__body--flat">
 					<span class="nile-flat-type-icon">
 						<nile-icon name="${this.icon}" size="${this.size == 'sm' ? 24 : this.size == 'md' ? 24 : 28}" variant="secondary"></nile-icon>
 					</span>
 				</div>`: nothing
-      }
-				<div class="empty-state__text">${this.text}</div>
-				<div class="empty-state__subtext">${this.subText}</div>
+        }
+      
+        <div class="empty__state__text-section">
+          <div class="empty-state__text">${this.text}</div>
+          <div class="empty-state__subtext">${this.subText}</div>
+        </div>
 			</div>
 
 			<div class="empty-state-actions">

package/src/nile-error-notification/nile-error-notification.ts

@@ -32,7 +32,7 @@ export class NileErrorNotification extends LitElement {
   }
 
   // Represents the error message to be displayed to the user.
-  @property({ type: String })
+  @property({ type: String, reflect: true  })
   errorMessage: string = '';
 
   /* #endregion */

package/src/nile-form-help-text/nile-form-help-text.ts

@@ -26,13 +26,13 @@ export class NileFormHelpText extends LitElement {
   }
 
 
-  @property({ type: Boolean })
+  @property({ type: Boolean, reflect: true  })
   isExpanded: boolean = false;
 
-  @property({ type: String })
+  @property({ type: String, reflect: true  })
   fullText: string = '';
 
-  @property({ type: String })
+  @property({ type: String, reflect: true  })
   displayedText: string = '';
 
   @query('slot')

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

@@ -13,57 +13,38 @@ import {css} from 'lit-element';
 export const styles = css`
 
 	:host {
-		min-height:var(--nile-hero-height);
+		display:block;
+		--transition:2000ms;
+	}
+	.hero__container{
+		overflow:hidden;
 		width:100%;
 		position:relative;
 		display:block;
-		border-bottom: 1px solid #EAECF0;
-		background: linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%);
+  		transition: var(--transition);
 	}
-
 	.hero__body {
 		height:100%;
 	}
 
-	.hero__header {
-		display: flex;
-		align-items: center;
-		padding: var(--nile-hero-first-elements-padding);
-		gap: .75rem;
-	}
-
-	.icon__container {
-		height: 25px;
-		place-items: center;
-		display: grid;
-		aspect-ratio: 1 / 1;
-		border-radius: 8px;
-		border: 1px solid #EAECF0;
-		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
-	}
-
-	.hero__text {
-		color: var(--nile-hero-text-color);
-		font-size: var(--nile-hero-text-font-size);
-		font-style: normal;
-		font-weight: var(--nile-hero-text-font-weight);
-	}
-
 	.hero__slot {
-		padding: var(--nile-hero-first-elements-padding);
+		padding-left: 48px;
+		padding-top: 24px 
 	}
 
 	.hero__img__container {
-		height:100%;
+		height:var(--nile-hero-height);
+		overflow:hidden;
 		width:max-content;
 		position: absolute;
 		right: 0;
-		top:0;
+		bottom:0;
+		transition:var(--transition);
 	}
 
 	.hero__img {
 		object-fit:cover;
-		height:100%;
+		height:var(--nile-hero-height);
 		width:auto;
 	}
 `;

package/src/nile-hero/nile-hero.ts

@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';
-import { customElement } from 'lit/decorators.js';
+import {LitElement, html, property, CSSResultArray, TemplateResult,nothing} from 'lit-element';
+import { customElement, query } from 'lit/decorators.js';
 import {styles} from './nile-hero.css';
 import NileElement from '../internal/nile-element';
+import { watch } from '../internal/watch';
+import { classMap } from 'lit/directives/class-map.js';
 
 
 /**
@@ -19,9 +21,14 @@ import NileElement from '../internal/nile-element';
  */
 @customElement('nile-hero')
 export class NileHero extends NileElement {
-	@property({reflect:true}) icon:string='action'
-	@property({ reflect: true, attribute: 'img-src' }) imgSrc:string='';
-	@property({ reflect: true, attribute: 'hero-text' }) heroText:string='Nile Hero';
+	@query('.hero__container') heroContainer:HTMLElement;
+	@query('nile-hero-header') heroHeader:HTMLElement;
+	@query('.hero__img__container') imgContainer:HTMLElement;
+	@property({ reflect: true }) icon: string = 'action';
+	@property({ reflect: true, type: Boolean }) collapse: boolean = false;
+	
+	@property({ reflect: true, attribute: 'img-src' }) imgSrc: string = '';
+	@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';
 
 	/**
 	 * The styles for nile-hero
@@ -32,29 +39,48 @@ export class NileHero extends NileElement {
 	}
 
 	/* #endregion */
-
+	connectedCallback() {
+		super.connectedCallback();
+		this.updateComplete.then(() => {
+			this.updateOnCollapseChange();
+		});
+	}
 	/* #region Methods */
 
+	@watch('collapse')
+	updateOnCollapseChange(){
+		if(!this.heroContainer) return;
+		const heroHeaderHeight=this.heroHeader.scrollHeight;
+		if(this.collapse){
+			this.heroContainer.style.height=heroHeaderHeight+'px';
+			this.heroContainer.style.background="var(--nile-hero-collapsed-background,#fff)";
+			this.heroContainer.style.borderBottom="1px solid #EAECF0";
+			this.imgContainer.style.opacity='0';
+		}
+		else{
+			this.heroContainer.style.height="var(--nile-hero-height)";
+			this.heroContainer.style.background="linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient) 0%,  var( --nile-hero-color-bg-to-gradient) 100%)";
+			this.heroContainer.style.borderBottom='';
+			this.imgContainer.style.opacity='1';
+		}
+	}
 	/**
 	 * Render method
 	 * @slot This is a slot test
 	 */
 	public render(): TemplateResult {
 		return html`
+		<div class="hero__container">
 			<div class="hero__body">
-				<div class="hero__header">
-					<span class="icon__container">
-						<nile-icon name="${this.icon}" ></nile-icon>
-					</span>
-					<span class="hero__text">${this.heroText}</span>
-				</div>
+				<nile-hero-header hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
 				<div class="hero__slot">
 					<slot></slot>
 				</div>
 			</div>
-			<div class="hero__img__container">
+			<div class="hero__img__container" id="hero__img__container">
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
+		</div>
 		`;
 	}
 

package/src/nile-hero-header/index.ts

@@ -0,0 +1 @@
+export { NileHeroHeader } from './nile-hero-header';

package/src/nile-hero-header/nile-hero-header.css.ts

@@ -0,0 +1,42 @@
+/**
+* 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';
+
+/**
+ * HeroHeader CSS
+ */
+export const styles = css`
+	
+	:host {
+		width:100%;
+		display: flex;
+		align-items: center;
+		padding:16px 48px;
+		gap: 16px;
+	}
+
+	.icon__container {
+		height: 32px;
+		aspect-ratio: 1 / 1;
+		place-items: center;
+		display: grid;
+		border-radius: 8px;
+		border: 1px solid #EAECF0;
+		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
+	}
+
+	.hero__text {
+		color: var(--nile-hero-text-color);
+		font-size: var(--nile-hero-text-font-size);
+		line-height: var(--nile-hero-text-line-height);
+		font-style: normal;
+		font-weight: var(--nile-hero-text-font-weight);
+	}
+`;
+
+export default [styles];

package/src/nile-hero-header/nile-hero-header.ts

@@ -0,0 +1,59 @@
+/**
+ * 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, html, property, CSSResultArray, TemplateResult} from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import {styles} from './nile-hero-header.css';
+import NileElement from '../internal/nile-element';
+
+
+/**
+ * Nile hero-header component.
+ *
+ * @tag nile-hero-header
+ *
+ */
+@customElement('nile-hero-header')
+export class NileHeroHeader extends NileElement {
+	@property({ reflect: true }) icon: string = 'action';
+	@property({ reflect: true, attribute: 'hero-text' }) heroText: string = 'Nile Hero';
+
+	/**
+	 * The styles for nile-hero-header
+	 * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+	 */
+	public static get styles(): CSSResultArray {
+		return [styles];
+	}
+
+	/* #endregion */
+
+	/* #region Methods */
+
+	/**
+	 * Render method
+	 * @slot This is a slot test
+	 */
+	public render(): TemplateResult {
+		return html`
+				<span class="icon__container">
+					<nile-icon size="16" name="${this.icon}"></nile-icon>
+				</span>
+				<span class="hero__text">${this.heroText}</span>
+			`;
+	}
+
+	/* #endregion */
+}
+
+export default NileHeroHeader;
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'nile-hero-header': NileHeroHeader;
+  }
+}

package/src/nile-icon/icons/svg/alert-circle.ts

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

package/src/nile-icon/icons/svg/arrow-narrow-left.ts

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

package/src/nile-icon/icons/svg/book-closed.ts

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

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

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

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

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

package/src/nile-icon/icons/svg/chevron-left-double.ts

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

package/src/nile-icon/icons/svg/chevron-selector-vertical.ts

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

package/src/nile-icon/icons/svg/clock-check.ts

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

package/src/nile-icon/icons/svg/clock-rewind.ts

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

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

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

package/src/nile-icon/icons/svg/cloud-01.ts

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

package/src/nile-icon/icons/svg/copy-06.ts

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

package/src/nile-icon/icons/svg/data-insight.ts

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