@aquera/nile-elements 0.0.70 → 0.0.72

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.72",
   "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-badge/nile-badge.css.ts

@@ -48,42 +48,42 @@ export const styles = css`
   /* for v2 */
   .badge--pink {
     color: #c11574;
-    border: 1px solid #fcceee;
+    border: var(--nile-badge-color-border-width) solid #fcceee;
     background: #fdf2fa;
   }
 
   .badge--orange {
     color: #b93815;
-    border: 1px solid #f9dbaf;
+    border: var(--nile-badge-color-border-width) solid #f9dbaf;
     background: #fef6ee;
   }
 
   .badge--purple {
     color: #5925dc;
-    border: 1px solid #d9d6fe;
+    border: var(--nile-badge-color-border-width) solid #d9d6fe;
     background: #f4f3ff;
   }
 
   .badge--indigo {
     color: #3538cd;
-    border: 1px solid #c7d7fe;
+    border: var(--nile-badge-color-border-width) solid #c7d7fe;
     background: #eef4ff;
   }
 
   .badge--blue {
     color: #175cd3;
-    border: 1px solid #b2ddff;
+    border: var(--nile-badge-color-border-width) solid #b2ddff;
     background: #eff8ff;
   }
   .badge--blue-light {
     color: #026aa2;
-    border: 1px solid #b9e6fe;
+    border: var(--nile-badge-color-border-width) solid #b9e6fe;
     background: #f0f9ff;
   }
 
   .badge--gray-blue {
     color: #363f72;
-    border: 1px solid #d5d9eb;
+    border: var(--nile-badge-color-border-width) solid #d5d9eb;
     background: #f8f9fc;
   }
 
@@ -106,62 +106,62 @@ export const styles = css`
 
   .badge--brand {
     color: #005291;
-    border: 1px solid #b5c9e0;
+    border: var(--nile-badge-color-border-width) solid #b5c9e0;
     background: #eaf0f8;
   }
 
   .badge--gray {
     color: #344054;
-    border: 1px solid #eaecf0;
+    border: var(--nile-badge-color-border-width) solid #eaecf0;
     background: #f9fafb;
   }
 
   .badge--pink.badge--pill-outline {
-    border: 1px solid #dd2590;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #dd2590;
   }
 
   .badge--orange.badge--pill-outline {
-    border: 1px solid #e04f16;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #e04f16;
   }
 
   .badge--purple.badge--pill-outline {
-    border: 1px solid #6938ef;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #6938ef;
   }
 
   .badge--indigo.badge--pill-outline {
-    border: 1px solid #444ce7;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #444ce7;
   }
 
   .badge--blue.badge--pill-outline {
-    border: 1px solid #1570ef;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #1570ef;
   }
 
   .badge--blue-light.badge--pill-outline {
-    border: 1px solid #0086c9;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #0086c9;
   }
 
   .badge--gray-blue.badge--pill-outline {
-    border: 1px solid #3e4784;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #3e4784;
   }
 
   .badge--success.badge--pill-outline {
-    border: 1px solid #079455;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #079455;
   }
 
   .badge--warning.badge--pill-outline {
-    border: 1px solid #dc6803;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #dc6803;
   }
 
   .badge--error.badge--pill-outline {
-    border: 1px solid #d92d20;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #d92d20;
   }
 
   .badge--brand.badge--pill-outline {
-    border: 1px solid #005ea6;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #005ea6;
   }
 
   .badge--gray.badge--pill-outline {
-    border: 1px solid #475467;
+    border: var(--nile-badge-color-border-width-pill-outline) solid #475467;
   }
 
   .badge--pill-outline {

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

@@ -52,6 +52,9 @@ export const styles = css`
     padding: 12px 16px 0 16px;
   }
 
+  .body__wrapper_nf {
+    padding: 12px 16px 16px 16px;
+  }
   .card__header {
     display: block;
   }
@@ -74,6 +77,12 @@ export const styles = css`
   .card:not(.card--has-footer) .card__footer {
     display: none;
   }
+
+  .card:hover {
+    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1),
+      0px 2px 4px -2px rgba(16, 24, 40, 0.06);
+    border: solid 1px var(--border-color);
+  }
 `;
 
 export default [styles];

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

@@ -40,7 +40,12 @@ export class NileCard extends NileElements {
           'card--has-footer': this.hasSlotController.test('footer'),
         })}
       >
-        <div class="body__wrapper">
+        <div class="body__wrapper" part="body__wrapper"
+        class=${classMap({
+          'body__wrapper':true,
+          'body__wrapper_nf': !this.hasSlotController.test('footer')
+        })}
+        >
           <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-empty-state/nile-empty-state.ts

@@ -39,7 +39,7 @@ export class NileEmptyState extends NileElement {
   @property({type:Boolean}) grayscale: boolean = false;
 
   @property() text: String = 'Empty State';
-  @property() subText: String = 'No Data';
+  @property({attribute:'sub-text'}) subText: String = 'No Data';
 
 
   /* #endregion */

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.scrollHeight+1;
+		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" method="stroke" 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-hero-header/nile-hero-header.ts

@@ -41,7 +41,7 @@ export class NileHeroHeader extends NileElement {
 	public render(): TemplateResult {
 		return html`
 				<span class="icon__container">
-					<nile-icon size="16" name="${this.icon}"></nile-icon>
+					<nile-icon method="stroke" size="16" name="${this.icon}"></nile-icon>
 				</span>
 				<span class="hero__text">${this.heroText}</span>
 			`;

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/calendar-01.ts

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

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

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