@aquera/nile-elements 0.0.70 → 0.0.71

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.70",
+  "version": "0.0.71",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",
@@ -23,7 +23,8 @@
     "storybook": "tsc && yarn analyze -- --exclude dist && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds -c .storybook/server.mjs\"",
     "storybook:build": "tsc && yarn analyze -- --exclude dist && build-storybook",
     "build:vscode-schema": "wca src --format vscode --outFile vscode-html-custom-data.json",
-    "clean": "rimraf dist/*"
+    "clean": "rimraf dist/*",
+    "postinstall": "node postinstall.js"
   },
   "dependencies": {
     "@aquera/nile": "latest",
@@ -36,7 +37,9 @@
     "@floating-ui/dom": "^1.2.1",
     "composed-offset-position": "^0.0.4",
     "@codemirror/lang-javascript": "6.2.1",
-    "codemirror": "6.0.1"
+    "codemirror": "6.0.1",
+    "chalk": "5.3.0",
+    "figlet": "1.7.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",

package/postinstall.js

@@ -0,0 +1,40 @@
+import figlet from 'figlet';
+import chalk from 'chalk';
+
+const fonts = [
+    'Standard', 'Big', 'Slant', 'Banner', 'Block', 'Bubble',
+    'Digital', 'Doom', 'Lean', 'Mini', 'Script', 'Shadow',
+    'Small', 'Star Wars'
+];
+
+const colorfulText = (text) => {
+    const colors = [
+        chalk.red,
+        chalk.green,
+        chalk.yellow,
+        chalk.blue,
+        chalk.magenta,
+        chalk.cyan,
+    ];
+    return text.split('').map((char, i) => colors[i % colors.length](char)).join('');
+};
+
+const chosenFont = fonts[Math.floor(Math.random() * fonts.length)];
+
+figlet.text('Nile Elements', {
+    font: chosenFont,
+    horizontalLayout: 'default',
+    verticalLayout: 'default',
+    width: 80,
+    whitespaceBreak: true
+}, (err, data) => {
+    if (err) {
+        console.error('Something went wrong...');
+        console.error(err);
+        return;
+    }
+
+    const coloredData = data.split('\n').map(line => colorfulText(line)).join('\n');
+    console.log(coloredData);
+    console.log(chalk.green('Whoooohooooo! Nile has been installed!'));
+});

package/src/index.ts

@@ -62,4 +62,5 @@ export { NileHero } from './nile-hero';
 export { NileStepperItem } from './nile-stepper-item';
 export { NileStepper } from './nile-stepper';
 export { NileHeroHeader } from './nile-hero-header';
+export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
 export { NileFormatDate } from './nile-format-date';

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

@@ -27,16 +27,15 @@ export const styles = css`
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
-    border: 0.5px solid;
-    border-color: rgba(0, 0, 0, 0.08);
   }
 
   .avatar {
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-500);
+    border: 0.5px solid var(--nile-colors-neutral-500);
     background-position: 50% 50%;
     background-size: cover;
     background-repeat: no-repeat;
+    overflow: hidden;
   }
 
   .avatar__small {

package/src/nile-avatar/nile-avatar.ts

@@ -42,7 +42,8 @@ export class NileAvatar extends NileElement {
   @property({ type: String, reflect: true }) name = '';
 
   /** Gives the default bg color  to the Avatar */
-  @property({ type: String, reflect: true,attribute: 'bg-color' }) bgColor = '';
+  @property({ type: String, reflect: true, attribute: 'bg-color' }) bgColor =
+    '';
 
   /** Gives the default text color  to the Avatar */
   @property({ type: String, reflect: true, attribute: 'text-color' })
@@ -57,7 +58,8 @@ export class NileAvatar extends NileElement {
     | 'small'
     | 'medium'
     | 'large'
-    | 'extralarge'|'2xl' = 'medium';
+    | 'extralarge'
+    | '2xl' = 'medium';
 
   /** Gives a border radius of 50% to the Avatar */
   @property({ type: Boolean, reflect: true }) isRounded = false;
@@ -93,6 +95,23 @@ export class NileAvatar extends NileElement {
     return multifactor % 5;
   }
 
+  private getDefaultIconSize() {
+    switch (this.size) {
+      case 'small':
+        return '10';
+      case 'medium':
+        return '16';
+      case 'large':
+        return '20';
+      case 'extralarge':
+        return '24';
+      case '2xl':
+        return '28';
+      default:
+        return '16';
+    }
+  }
+
   private handleImageError(event: Event): void {
     const defaultInitials = this.generateInitials(this.name);
     const variant__code = this.generateVariantCode(defaultInitials);
@@ -113,11 +132,17 @@ export class NileAvatar extends NileElement {
         variant__green: variant__code === 4 && !this.bgColor,
       })}
       style="background-color: ${this.bgColor};color:${this
-        .textColor};border-color:${this.borderColor}"
+        .textColor};border: 0.5px solid ${this.borderColor};
+        border-color:${defaultInitials ? 'rgba(0, 0, 0, 0.08)' : '#C7CED4'}"
     >
       ${defaultInitials
         ? defaultInitials
-        : html`<nile-icon name="user" color="grey" size="14"></nile-icon>`}
+        : html`<nile-icon
+            name="user"
+            color="grey"
+            part="error__icon"
+            size="${this.getDefaultIconSize()}"
+          ></nile-icon>`}
     </div>`;
 
     this.isDefaultAvatar = false;
@@ -135,6 +160,7 @@ export class NileAvatar extends NileElement {
               avatar__medium: this.size === 'medium',
               avatar__large: this.size === 'large',
               avatar__extralarge: this.size === 'extralarge',
+              avatar__2xl: this.size === '2xl',
               avatar__rounded: this.isRounded,
             })}
             style="	background-image: url(${this

package/src/nile-card/nile-card.ts

@@ -40,7 +40,7 @@ export class NileCard extends NileElements {
           'card--has-footer': this.hasSlotController.test('footer'),
         })}
       >
-        <div class="body__wrapper">
+        <div class="body__wrapper" part="body__wrapper">
           <slot name="header" part="header" class="card__header"></slot>
           <slot part="body" class="card__body"></slot>
         </div>

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

@@ -29,10 +29,8 @@ export const styles = css`
     cursor: pointer;
   }
 
-  .checkbox--medium {
-    padding-top: 2px;
-    --toggle-size: var(--nile-type-scale-3);
-    font-size: var(--nile-type-scale-3);
+  .checkbox--only__subtitle{
+    align-items: center;
   }
 
   .checkbox__control {

package/src/nile-checkbox/nile-checkbox.ts

@@ -9,6 +9,7 @@ import {
   LitElement,
   html,
   property,
+  nothing,
   CSSResultArray,
   TemplateResult,
 } from 'lit-element';
@@ -84,8 +85,7 @@ export class NileCheckbox extends NileElement {
   @property({ type: String, reflect: true }) label = '';
 
   /** Sublabel, declared this property for backward compatibility of old component  */
-  @property({ type: String, reflect: true, attribute: 'sub-label' }) subLabel =
-    '';
+  @property({ type: String, reflect: true, attribute: 'sub-label' }) subLabel = '';
 
   /**
    * Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a "select
@@ -199,30 +199,9 @@ export class NileCheckbox extends NileElement {
           'checkbox--checked': this.checked,
           'checkbox--disabled': this.disabled,
           'checkbox--focused': this.hasFocus,
-          'checkbox--indeterminate': this.indeterminate,
-          'checkbox--medium': this.size === 'medium',
+          'checkbox--indeterminate': this.indeterminate
         })}
       >
-        <input
-          class="checkbox__input"
-          type="checkbox"
-          title=${
-            this
-              .title /* An empty title prevents browser validation tooltips from appearing on hover */
-          }
-          name=${this.name}
-          value=${ifDefined(this.value)}
-          .indeterminate=${live(this.indeterminate)}
-          .checked=${live(this.checked)}
-          .disabled=${this.disabled}
-          .required=${this.required}
-          aria-checked=${this.checked ? 'true' : 'false'}
-          @click=${this.handleClick}
-          @input=${this.handleInput}
-          @blur=${this.handleBlur}
-          @focus=${this.handleFocus}
-        />
-
         <span
           part="control${this.checked ? ' control--checked' : ''}${this
             .indeterminate
@@ -230,6 +209,23 @@ export class NileCheckbox extends NileElement {
             : ''}"
           class="checkbox__control"
         >
+          <!-- An empty title prevents browser validation tooltips from appearing on hover -->
+          <input
+            class="checkbox__input"
+            type="checkbox"
+            title=${ this.title }
+            name=${this.name}
+            value=${ifDefined(this.value)}
+            .indeterminate=${live(this.indeterminate)}
+            .checked=${live(this.checked)}
+            .disabled=${this.disabled}
+            .required=${this.required}
+            aria-checked=${this.checked ? 'true' : 'false'}
+            @click=${this.handleClick}
+            @input=${this.handleInput}
+            @blur=${this.handleBlur}
+            @focus=${this.handleFocus}
+          />
           ${this.checked
             ? html`
                 <nile-icon
@@ -256,9 +252,9 @@ export class NileCheckbox extends NileElement {
             : ''}
         </span>
 
-        <div part="label" class="checkbox__label">
+        <div part="label" class="checkbox__label" style="${!this.label && !this.subLabel?'margin-left:0;':''}">
           ${this.label ? html`<span class="checkbox__label__text">${this.label}</span>` : ``}
-          ${this.label && this.subLabel ? html`<span class="checkbox__sublabel__text">${this.subLabel}</span>` : ``}
+          ${this.subLabel ? html`<span class="checkbox__sublabel__text">${this.subLabel}</span>` : ``}
           <slot></slot>
         </div>
       </label>
@@ -272,14 +268,10 @@ export class NileCheckbox extends NileElement {
               ></nile-icon>
             </nile-tooltip>
           `
-        : ``}
+        : nothing}
       ${hasErrorMessage
-        ? html`
-            <nile-form-error-message
-              >${this.errorMessage}</nile-form-error-message
-            >
-          `
-        : ``}
+        ? html`<nile-form-error-message>${this.errorMessage}</nile-form-error-message>`
+        : nothing}
     `;
   }
 }

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

@@ -14,22 +14,49 @@ export const styles = css`
 
 	:host {
 		display:block;
-		--transition:2000ms;
+		--nile-hero-transition-time:2000ms;
 	}
-	.hero__container{
+
+	.hero__header--collapsed{
+		position:absolute;
+		top:0;
+		left:0;
+		transition:var(--nile-hero-transition-time);
+	}
+	
+	.hero__container {
 		overflow:hidden;
 		width:100%;
 		position:relative;
 		display:block;
-  		transition: var(--transition);
+  		transition: var(--nile-hero-transition-time);
 	}
-	.hero__body {
-		height:100%;
+
+	.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__slot {
+	.hero__slot__container {
+		height:var(--nile-hero-height);
 		padding-left: 48px;
-		padding-top: 24px 
+		display: flex;
+		align-items: center;
+		gap:var(--nile-spacing-spacing-xl);
+		position: absolute;
+		left: 0;
+		bottom:0;
+  		transition: var(--nile-hero-transition-time);
+	}
+
+	.hero__slot {
+		display: flex;
+		gap:var(--nile-spacing-spacing-xl);
 	}
 
 	.hero__img__container {
@@ -39,7 +66,7 @@ export const styles = css`
 		position: absolute;
 		right: 0;
 		bottom:0;
-		transition:var(--transition);
+		transition:var(--nile-hero-transition-time);
 	}
 
 	.hero__img {

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

@@ -6,7 +6,7 @@
  */
 
 import {LitElement, html, property, CSSResultArray, TemplateResult,nothing} from 'lit-element';
-import { customElement, query } from 'lit/decorators.js';
+import { customElement, query, state } from 'lit/decorators.js';
 import {styles} from './nile-hero.css';
 import NileElement from '../internal/nile-element';
 import { watch } from '../internal/watch';
@@ -21,12 +21,12 @@ import { classMap } from 'lit/directives/class-map.js';
  */
 @customElement('nile-hero')
 export class NileHero extends NileElement {
-	@query('.hero__container') heroContainer:HTMLElement;
-	@query('nile-hero-header') heroHeader:HTMLElement;
-	@query('.hero__img__container') imgContainer:HTMLElement;
+	@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';
 
@@ -48,20 +48,16 @@ export class NileHero extends NileElement {
 	/* #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';
+	updateOnCollapseChange() {
+		if (!this.heroContainer) return;
+		const heroHeaderHeight = this.heroHeader.getBoundingClientRect().height;
+		if (this.collapse) {
+			this.heroContainer.style.height = heroHeaderHeight + 'px';
+			this.heroContainer.style.background = "var(--nile-hero-collapsed-background,#fff)";
 		}
-		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';
+		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%)";
 		}
 	}
 	/**
@@ -71,13 +67,16 @@ export class NileHero extends NileElement {
 	public render(): TemplateResult {
 		return html`
 		<div class="hero__container">
-			<div class="hero__body">
-				<nile-hero-header hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
-				<div class="hero__slot">
-					<slot></slot>
-				</div>
+			<nile-hero-header class='hero__header--collapsed' style="opacity:${this.collapse?1:0}" hero-text="${this.heroText}" icon="${this.icon}"></nile-hero-header>
+			<div class="hero__slot__container" style="opacity:${this.collapse?0:1}">
+			 <div class="hero__slot">
+			 	<span class="icon__container">
+					<nile-icon size="16" name="${this.icon}"></nile-icon>
+				</span>
+				<slot></slot>
+			 </div>
 			</div>
-			<div class="hero__img__container" id="hero__img__container">
+			<div class="hero__img__container"  style="opacity:${this.collapse?0:1}" id="hero__img__container">
 				<img src="${this.imgSrc}" class="hero__img">
 			</div>
 		</div>

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

@@ -18,6 +18,7 @@ export const styles = css`
 		align-items: center;
 		padding:16px 48px;
 		gap: 16px;
+		border-bottom: 1px solid rgb(234, 236, 240);
 	}
 
 	.icon__container {

package/src/nile-icon/icons/svg/bar-and-line-chart.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMC45MDMyMjYgMTMuMDk2OFY1LjMxNDE5TDMuMDMwMzIgMy4xODcxQzMuMjEwNzcgMy4yNzYyOSAzLjQwOTM1IDMuMzIyNjkgMy42MTA2NSAzLjMyMjY5QzMuODExOTQgMy4zMjI2OSA0LjAxMDUyIDMuMjc2MjkgNC4xOTA5NyAzLjE4NzFMNi40NDkwMyA1LjQ0NTE2QzYuMzYzNDkgNS42Mjg5NCA2LjMyMDI4IDUuODI5NTYgNi4zMjI1OCA2LjAzMjI2QzYuMzIyNTggNi4zOTE1OCA2LjQ2NTMyIDYuNzM2MTkgNi43MTk0IDYuOTkwMjdDNi45NzM0OCA3LjI0NDM2IDcuMzE4MDkgNy4zODcxIDcuNjc3NDIgNy4zODcxQzguMDM2NzUgNy4zODcxIDguMzgxMzUgNy4yNDQzNiA4LjYzNTQ0IDYuOTkwMjdDOC44ODk1MiA2LjczNjE5IDkuMDMyMjYgNi4zOTE1OCA5LjAzMjI2IDYuMDMyMjZDOS4wMzEwNiA1LjgzMDQgOC45ODQ3NyA1LjYzMTM1IDguODk2NzcgNS40NDk2OEwxMS42MDY1IDIuNzRDMTEuNzg5OSAyLjgyNzEgMTEuOTkwNSAyLjg3MTg2IDEyLjE5MzUgMi44NzA5N0MxMi40NjE1IDIuODcwOTcgMTIuNzIzNSAyLjc5MTUxIDEyLjk0NjMgMi42NDI2NEMxMy4xNjkxIDIuNDkzNzYgMTMuMzQyNyAyLjI4MjE3IDEzLjQ0NTMgMi4wMzQ2QzEzLjU0NzggMS43ODcwNCAxMy41NzQ2IDEuNTE0NjMgMTMuNTIyNCAxLjI1MTgxQzEzLjQ3MDEgMC45ODkgMTMuMzQxIDAuNzQ3NTkxIDEzLjE1MTYgMC41NTgxMTNDMTIuOTYyMSAwLjM2ODYzNiAxMi43MjA3IDAuMjM5NiAxMi40NTc5IDAuMTg3MzIzQzEyLjE5NTEgMC4xMzUwNDYgMTEuOTIyNiAwLjE2MTg3NiAxMS42NzUxIDAuMjY0NDIxQzExLjQyNzUgMC4zNjY5NjYgMTEuMjE1OSAwLjU0MDYxOSAxMS4wNjcgMC43NjM0MjFDMTAuOTE4MiAwLjk4NjIyMyAxMC44Mzg3IDEuMjQ4MTcgMTAuODM4NyAxLjUxNjEzQzEwLjgzOTkgMS43MTc5OSAxMC44ODYyIDEuOTE3MDMgMTAuOTc0MiAyLjA5ODcxTDguMjY0NTIgNC44MDgzOUM4LjA4NDA3IDQuNzE5MTkgNy44ODU0OCA0LjY3MjggNy42ODQxOSA0LjY3MjhDNy40ODI5IDQuNjcyOCA3LjI4NDMyIDQuNzE5MTkgNy4xMDM4NyA0LjgwODM5TDQuODQ1ODEgMi41NTAzMkM0LjkyOTEzIDIuMzY3NTcgNC45NzA3OCAyLjE2ODU3IDQuOTY3NzQgMS45Njc3NEM0Ljk2Nzc0IDEuNjA4NDIgNC44MjUgMS4yNjM4MSA0LjU3MDkyIDEuMDA5NzNDNC4zMTY4NCAwLjc1NTY0NSAzLjk3MjIzIDAuNjEyOTAzIDMuNjEyOSAwLjYxMjkwM0MzLjI1MzU4IDAuNjEyOTAzIDIuOTA4OTcgMC43NTU2NDUgMi42NTQ4OSAxLjAwOTczQzIuNDAwODEgMS4yNjM4MSAyLjI1ODA2IDEuNjA4NDIgMi4yNTgwNiAxLjk2Nzc0QzIuMjU5MjYgMi4xNjk2IDIuMzA1NTUgMi4zNjg2NSAyLjM5MzU1IDIuNTUwMzJMMC45MDMyMjYgNC4wNDA2NVYwSDBWMTMuNTQ4NEMwIDEzLjY2ODIgMC4wNDc1ODA1IDEzLjc4MyAwLjEzMjI3NCAxMy44Njc3QzAuMjE2OTY4IDEzLjk1MjQgMC4zMzE4MzggMTQgMC40NTE2MTMgMTRIMTRWMTMuMDk2OEgwLjkwMzIyNloiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTQuNTk5OTggNS41SDIuNTk5OThWMTIuNUg0LjU5OTk4VjUuNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTguNzAwMDEgOC41SDYuNzAwMDFWMTIuNUg4LjcwMDAxVjguNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTEzLjIxIDQuMjk5OTlIMTEuNDE2NlYxMi41MjIySDEzLjIxVjQuMjk5OTlaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/bubble-chart.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTIwNTFfMjQ3OTExKSI+PHBhdGggZD0iTTguNDAzNTIgMTEuOTU4M0M3Ljk4MDEyIDExLjk1ODMgNy42MTk4MSAxMS44MTAxIDcuMzIyNiAxMS41MTM2QzcuMDI1MyAxMS4yMTczIDYuODc2NjUgMTAuODU3NCA2Ljg3NjY1IDEwLjQzMzlDNi44NzY2NSAxMC4wMTA1IDcuMDI0ODYgOS42NTAxOSA3LjMyMTI5IDkuMzUyOThDNy42MTc2MiA5LjA1NTY3IDcuOTc3NDkgOC45MDcwMiA4LjQwMDkgOC45MDcwMkM4LjgyNDMgOC45MDcwMiA5LjE4NDY1IDkuMDU1MjQgOS40ODE5NiA5LjM1MTY3QzkuNzc5MjYgOS42NDggOS45Mjc5MiAxMC4wMDc5IDkuOTI3OTIgMTAuNDMxM0M5LjkyNzkyIDEwLjg1NDggOS43Nzk3IDExLjIxNTEgOS40ODMyNyAxMS41MTIzQzkuMTg2OTQgMTEuODA5NiA4LjgyNzAyIDExLjk1ODMgOC40MDM1MiAxMS45NTgzWk05LjYyNTAyIDcuODc0OTZDOC44MDkxMyA3Ljg3NDk2IDguMTE5MDUgNy41OTI4MiA3LjU1NDc3IDcuMDI4NTRDNi45OTA0OSA2LjQ2NDI2IDYuNzA4MzUgNS43NzQxOCA2LjcwODM1IDQuOTU4MjlDNi43MDgzNSA0LjE0MjQgNi45OTA0OSAzLjQ1MjMyIDcuNTU0NzcgMi44ODgwNEM4LjExOTA1IDIuMzIzNzYgOC44MDkxMyAyLjA0MTYzIDkuNjI1MDIgMi4wNDE2M0MxMC40NDA5IDIuMDQxNjMgMTEuMTMxIDIuMzIzNzYgMTEuNjk1MyAyLjg4ODA0QzEyLjI1OTUgMy40NTIzMiAxMi41NDE3IDQuMTQyNCAxMi41NDE3IDQuOTU4MjlDMTIuNTQxNyA1Ljc3NDE4IDEyLjI1OTUgNi40NjQyNiAxMS42OTUzIDcuMDI4NTRDMTEuMTMxIDcuNTkyODIgMTAuNDQwOSA3Ljg3NDk2IDkuNjI1MDIgNy44NzQ5NlpNNS4xNTA3MyA4LjI3NTUyQzQuNTcwNyA4LjI3NTUyIDQuMDc0MTkgOC4wNjkwMiAzLjY2MTE5IDcuNjU2MDJDMy4yNDgxOSA3LjI0MzAyIDMuMDQxNjkgNi43NDY1NiAzLjA0MTY5IDYuMTY2NjNDMy4wNDE2OSA1LjU4NjcgMy4yNDgxOSA1LjA5MDIzIDMuNjYxMTkgNC42NzcyM0M0LjA3NDE5IDQuMjY0MjMgNC41NzA3IDQuMDU3NzMgNS4xNTA3MyA0LjA1NzczQzUuNzMwNjYgNC4wNTc3MyA2LjIyNzEyIDQuMjY0MjMgNi42NDAxMiA0LjY3NzIzQzcuMDUzMTIgNS4wOTAyMyA3LjI1OTYyIDUuNTg2NyA3LjI1OTYyIDYuMTY2NjNDNy4yNTk2MiA2Ljc0NjU2IDcuMDUzMTIgNy4yNDMwMiA2LjY0MDEyIDcuNjU2MDJDNi4yMjcxMiA4LjA2OTAyIDUuNzMwNjYgOC4yNzU1MiA1LjE1MDczIDguMjc1NTJaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0wLjkwMzIyNiAxMy4wOTY4VjguMzE0MTlWNy4wNDA2NVYwSDBWMTMuNTQ4NEMwIDEzLjY2ODIgMC4wNDc1ODA1IDEzLjc4MyAwLjEzMjI3NCAxMy44Njc3QzAuMjE2OTY4IDEzLjk1MjQgMC4zMzE4MzggMTQgMC40NTE2MTMgMTRIMTRWMTMuMDk2OEgwLjkwMzIyNloiIGZpbGw9ImJsYWNrIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDBfMTIwNTFfMjQ3OTExIj48cmVjdCB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9IndoaXRlIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+";

package/src/nile-icon/icons/svg/funnel-02.ts

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

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

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

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

@@ -35,6 +35,7 @@ export { default as arrowup } from './arrowup';
 export { default as attributemapanalysisicon } from './attribute-map-analysis-icon';
 export { default as attributemap } from './attributemap';
 export { default as back } from './back';
+export { default as barandlinechart } from './bar-and-line-chart';
 export { default as barchartsquare02 } from './bar-chart-square-02';
 export { default as barchartsquare03 } from './bar-chart-square-03';
 export { default as bargraph } from './bargraph';
@@ -47,6 +48,7 @@ export { default as bookclosed } from './book-closed';
 export { default as boolean } from './boolean';
 export { default as border_all } from './border_all';
 export { default as box } from './box';
+export { default as bubblechart } from './bubble-chart';
 export { default as bulksync } from './bulk-sync';
 export { default as buttonloadingblack } from './button-loading-black';
 export { default as buttonloadingblueanimated } from './button-loading-blue-animated';
@@ -202,8 +204,10 @@ export { default as frequency } from './frequency';
 export { default as fullscreen } from './fullscreen';
 export { default as fullscreenexit } from './fullscreenexit';
 export { default as fullscreenshrink } from './fullscreenshrink';
+export { default as funnel02 } from './funnel-02';
 export { default as funnel } from './funnel';
 export { default as gateway } from './gateway';
+export { default as gauge } from './gauge';
 export { default as general } from './general';
 export { default as generationphase } from './generationphase';
 export { default as globalsearch } from './global-search';
@@ -250,6 +254,7 @@ export { default as inprogress } from './inprogress';
 export { default as integer } from './integer';
 export { default as itemplaceholder } from './itemplaceholder';
 export { default as js } from './js';
+export { default as keyperformanceindicator } from './key-performance-indicator';
 export { default as kill } from './kill';
 export { default as laptop01 } from './laptop-01';
 export { default as layersthree01 } from './layers-three-01';
@@ -292,6 +297,7 @@ export { default as multipleuser } from './multiple-user';
 export { default as mute } from './mute';
 export { default as nextdown } from './next-down';
 export { default as next } from './next';
+export { default as nightingalechart } from './nightingale-chart';
 export { default as noanomaly } from './no-anomaly';
 export { default as nomatch } from './nomatch';
 export { default as not } from './not';
@@ -341,12 +347,17 @@ export { default as predefined } from './predefined';
 export { default as prevup } from './prev-up';
 export { default as prev } from './prev';
 export { default as preview } from './preview';
+export { default as priorityhigh } from './priority-high';
+export { default as priorityhighest } from './priority-highest';
+export { default as prioritylow } from './priority-low';
+export { default as prioritymedium } from './priority-medium';
 export { default as privilage } from './privilage';
 export { default as privilege } from './privilege';
 export { default as privilegeobject } from './privilegeobject';
 export { default as process } from './process';
 export { default as professionaldetails } from './professionaldetails';
 export { default as question } from './question';
+export { default as radar } from './radar';
 export { default as radio } from './radio';
 export { default as radioactive } from './radioactive';
 export { default as radiodone } from './radiodone';
@@ -369,7 +380,9 @@ export { default as rightarrow } from './rightarrow';
 export { default as role } from './role';
 export { default as rolemanager } from './rolemanager';
 export { default as run } from './run';
+export { default as sankey } from './sankey';
 export { default as save } from './save';
+export { default as scatterplot } from './scatter-plot';
 export { default as schedule } from './schedule';
 export { default as schema } from './schema';
 export { default as script } from './script';
@@ -381,6 +394,7 @@ export { default as select } from './select';
 export { default as selectapplication } from './selectapplication';
 export { default as selectattributes } from './selectattributes';
 export { default as selectuser } from './selectuser';
+export { default as semicircledonutchart } from './semi-circle-donut-chart';
 export { default as send } from './send';
 export { default as sendemail } from './sendemail';
 export { default as sendescalation } from './sendescalation';
@@ -401,6 +415,7 @@ export { default as sortascending } from './sortascending';
 export { default as sortdescending } from './sortdescending';
 export { default as sortdown } from './sortdown';
 export { default as sortup } from './sortup';
+export { default as stackedbarchart } from './stacked-bar-chart';
 export { default as stopcircle } from './stop-circle';
 export { default as stop } from './stop';
 export { default as storybook } from './storybook';