@aquera/nile-elements 0.1.40-beta-1.6 → 0.1.40-beta-1.8

package/src/nile-file-upload/utils/file-validation.util.ts

@@ -23,39 +23,48 @@ export const setUpDragHandler = (
   });
 
   dragHandler.onFileDrop((files: File[]) => {
-    let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;
+    let { allowMultiple, uploadedFiles, errorMessage, size } = nileFileUpload;
+    let maxSize = parseSize(size);
 
-    if (!allowMultiple) {
+    if (!nileFileUpload.allowMultiple) {
       const total = uploadedFiles.length + files.length;
       if (total > 1) {
-        errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
-        requestUpdate();
+        nileFileUpload.errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
+        nileFileUpload.requestUpdate();
         return;
       }
     }
 
+    for (const file of files) {
+      if (file.size > maxSize) {
+        nileFileUpload.errorMessage = FileUploadError.SIZE_LIMIT_EXCEEDED;
+        nileFileUpload.requestUpdate();
+        return;
+      }
+    }
+  
     let newFiles = files;
-
+  
     if (!nileFileUpload.allowDuplicates) {
       newFiles = files.filter(file =>
-        !nileFileUpload.uploadedFiles.some(
+        !uploadedFiles.some(
           uploaded =>
             uploaded.name === file.name &&
             uploaded.size === file.size &&
             uploaded.type === file.type
         )
       );
-
+  
       if (newFiles.length === 0) {
         nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
         nileFileUpload.requestUpdate();
         return;
       }
     }
-
-    nileFileUpload.uploadedFiles = [...nileFileUpload.uploadedFiles, ...newFiles];
+  
+    nileFileUpload.uploadedFiles = [...uploadedFiles, ...newFiles];
     nileFileUpload.requestUpdate();
-  });
+  });  
 
   dragHandler.setErrorMessage((errorMessage: string) => {
     nileFileUpload.errorMessage = errorMessage;
@@ -161,3 +170,16 @@ export const cancelFileUpload = (nileFileUpload: NileFileUpload, uploadRequests:
     }));
   });
 };
+
+function parseSize(sizeStr: string): number {
+  const units = { B: 1, KB: 1024, MB: 1024 ** 2, GB: 1024 ** 3 };
+  const num = parseFloat(sizeStr);
+  const unit = sizeStr.replace(/[0-9.\s]/g, '').toUpperCase();
+  const multiplier = units[unit as keyof typeof units] || 1;
+  return num * multiplier;
+}
+
+export const preventDefaultAndStopPropagation = (e: Event | DragEvent): void => {
+  e.preventDefault?.();
+  e.stopPropagation();
+}

package/src/nile-filter-chip/nile-filter-chip.css.ts

@@ -13,11 +13,6 @@ import {css} from 'lit';
 
 export const styles = css`
 
-  :host{
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
-  }
 
   .filter-chips {
     display: flex;
@@ -30,31 +25,31 @@ export const styles = css`
     align-items: center;
     height: 30px;
     padding: 8px;
-    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));
-    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
+    border-radius: 4px;
     font-size: 14px;
-    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));
-    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));
+    background-color: var(--nile-filter-chip-background-default);
+    color: var(--nile-filter-chip-text-default);
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
     cursor: pointer;
     box-sizing: border-box;
   }
 
   .chip:hover {
-    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));
+    background-color: var(--nile-filter-chip-hover-background);
   }
  .chip:active {
-  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
+  background-color: var(--nile-filter-chip-active-background);
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 :host([active]) .chip {
-  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
+  background-color: var(--nile-filter-chip-active-background);
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 
 
   .icon {
-    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));
+    color: var(--nile-filter-chip-icon-color-default);
     display: flex;
     align-items: center;
     justify-content: center;
@@ -65,7 +60,7 @@ export const styles = css`
 
   .label {
     font-weight: 500;
-    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));
+    color: var(--nile-filter-chip-label-color-default);
   }
 
   nile-badge::part(base) {
@@ -96,7 +91,7 @@ export const styles = css`
 
 
  .value {
-  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));
+  color: var(--nile-filter-chip-values-color-default);
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -107,7 +102,7 @@ export const styles = css`
 
 
   .close-icon {
-    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));
+    color: var(--nile-filter-chip-close-icon-color-default);
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -116,8 +111,8 @@ export const styles = css`
   }
 
   .close-icon:hover {
-    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));
-    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));
+    background-color: var(--nile-filter-chip-close-icon-hover-background);
+    color: var(--nile-filter-chip-close-icon-hover-color);
   }
 
 .label-wrapper {

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

@@ -12,9 +12,7 @@ import {css} from 'lit';
  */
 export const styles = css`
 	:host {
-	-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+
 	}
 `;
 

package/src/nile-form-error-message/nile-form-error-message.css.ts

@@ -12,27 +12,24 @@ import { css } from 'lit';
  */
 export const styles = css`
   :host {
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .nile-form-error-message {
     display: flex;
     align-items: center;
-    color: var(--nile-form-error-text-color, var(--ng-colors-text-error-primary-600));
-    font-family: var(--nile-font-family-serif,var(--ng-font-family-body));
-    font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));
+    color: var(--nile-form-error-text-color);
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-form-error-text-font-size);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
-    line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));
+    font-weight: 400;
+    line-height: 12px;
+    line-height: var(--nile-form-error-text-line-height);
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
+    margin-top: 6px;
   }
 
   .nile-form-error-message__icon {
-    display: var(--nile-display-inline-block, var(--ng-display-none));
-    margin-right: var(--nile-spacing-sm, var(--ng-spacing-none));
+    margin-right: 6px;
   }
 `;
 

package/src/nile-form-error-message/nile-form-error-message.ts

@@ -37,7 +37,7 @@ export class NileFormErrorMessage extends LitElement {
 	public render(): TemplateResult {
 		return html`
       <div class="nile-form-error-message">
-       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))"> </nile-icon> <slot> </slot>
+       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700)"> </nile-icon> <slot> </slot>
         </div>
 			`;
 	}

package/src/nile-form-group/nile-form-group.css.ts

@@ -13,9 +13,6 @@ import { css } from 'lit';
 export const styles = css`
   :host {
     --min-width: 288px;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .form__base {
@@ -23,71 +20,67 @@ export const styles = css`
     flex-direction: column;
     min-width: var(--min-width);
     width: max-content;
-    box-shadow: var(--nile-box-shadow-11, var(--ng-shadow-xs-skeuomorphic));
-    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
-    border-radius: var(--nile-radius-base-standard, var(--ng-radius-xl));
-    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
-    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);
+    border-radius: var(--nile-radius-base-standard);
+    border: 1px solid var(--nile-colors-neutral-400);
+    background: var(--nile-colors-white-base);
+    font-family: var(--nile-font-family-serif);
   }
 
   .form__header {
     width: 100%;
+    height: 82px;
     box-sizing: border-box;
+    padding: var(--nile-spacing-3-x);
     display: flex;
+    flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
-    gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));
-    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
-  }
-
-  .form__divider {
-    width: 100%;
-  }
-
-  .form__divider::part(divider) {
-    width: 100%;
-    height: 1px;
-    margin-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
-    margin-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+    gap: var(--nile-spacing-1-x);
+    border-radius: var(--nile-radius-base-standard)
+      var(--nile-radius-base-standard) 0 0;
+    background: var(--nile-colors-neutral-100);
   }
 
   .form__title-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));
-    justify-content:center;
+    gap: var(--nile-spacing-1-x);
+    justify-content:centre;
   }
 
+
+
   .form__title {
     display: block;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    color: var(--nile-colors-dark-900);
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));
+    font-size: var(--nile-type-scale-4);
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
-    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));
+    font-weight: 500;
+    line-height: var(--nile-type-scale-4);
     letter-spacing: 0.2px;
   }
 
   .form__subtitle {
     display: block;
-    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
+    color: var(--nile-colors-dark-500);
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
+    font-size: var(--nile-type-scale-2);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
-    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-type-scale-2);
     letter-spacing: 0.2px;
   }
 
   .form__body {
     width: 100%;
     box-sizing: border-box;
+    padding: var(--nile-spacing-3-x);
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-3-x, var(--ng-spacing-3xl));
+    gap: var(--nile-spacing-3-x);
   }
 `;
 export default [styles];

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

@@ -49,7 +49,7 @@ export class NileFormGroup extends NileElement {
 
   public render(): TemplateResult {
     return html`
-      <div part="base" class="form__base">
+      <div class="form__base">
         ${this.title
           ? html` <div class="form__header">
               <div class="form__title-content">
@@ -63,10 +63,8 @@ export class NileFormGroup extends NileElement {
                   : ``}
               </div>
 
-              <slot name="action" class="form__action"></slot>
-            </div>
-            <nile-divider class="form__divider"></nile-divider>
-            `
+              <slot name="action" class="form__action"> </slot>
+            </div>`
           : ``}
         <div class="form__body">
           <slot></slot>

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

@@ -13,22 +13,19 @@ import { css } from 'lit';
 export const styles = css`
   :host {
     width:100%;
-    color: var(--nile-form-help-text-color, var(--ng-colors-text-tertiary-600));
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
-    font-size: var(--nile-form-help-text-font-size, var(--ng-font-size-text-sm));
+    color: var(--nile-form-help-text-color);
+    font-family: var(--nile-font-family-serif);
+    font-size: var(--nile-form-help-text-font-size);
     font-style: normal;
-    line-height: var(--nile-form-help-text-line-height, var(--ng-line-height-text-sm));
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+    line-height: var(--nile-form-help-text-line-height);
   }
 
   .nile-form-help-text {
     display:flex;
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    font-weight: 400;
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
-    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xs));
+    margin-top: 6px;
+    margin-right: 4px;
     width: auto;
   }
 
@@ -39,8 +36,8 @@ export const styles = css`
 
   .nile-form-help-text__more-button {
     display: inline-flex;
-    gap: var(--nile-spacing-xs,var(--ng-spacing-xs));
-    color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-brand-500));
+    gap: 4px;
+    color: var(--nile-colors-primary-600);
     cursor: pointer;
     white-space: nowrap;
     align-items: center;
@@ -52,7 +49,7 @@ export const styles = css`
     white-space: nowrap;
     display:inline;
   }
-
+  
   .help__text__full--expanded{
     white-space: wrap;
   }

package/src/nile-format-date/nile-format-date.css.ts

@@ -12,9 +12,6 @@ import {css} from 'lit';
  */
 export const styles = css`
 	:host {
-	-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
 
 	}
 `;

package/src/nile-heading/index.ts

@@ -14,11 +14,9 @@ export class NileHeading extends LitElement {
     :host {
       display: block;
       border: solid 1px gray;
-      padding: 16px 16px var(--nile-spacing-1-x) 16px;
+      padding: 16px;
       font-size: var(--nile-type-scale-5);
-      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-      -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-      text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+      padding-bottom: var(--nile-spacing-1-x);      
     }
 
     :host([size='header-1']) {

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

@@ -15,9 +15,6 @@ export const styles = css`
 	:host {
 		display:block;
 		--nile-hero-transition-time:2000ms;
-		-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
 	}
 
 	.hero__header--collapsed{
@@ -50,14 +47,14 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
 
 	.hero__slot__container {
 		height:var(--nile-hero-height);
-		padding-left: var(--nile-spacing-5xl);
+		padding-left: 48px;
 		display: flex;
 		align-items: center;
 		gap:var(--nile-spacing-spacing-xl);
@@ -89,4 +86,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

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

@@ -16,12 +16,9 @@ export const styles = css`
 		width:100%;
 		display: flex;
 		align-items: center;
-		padding:var(--nile-spacing-xl) var(--nile-spacing-5xl);
-		gap: var(--nile-spacing-xl);
+		padding:16px 48px;
+		gap: 16px;
 		border-bottom: 1px solid rgb(234, 236, 240);
-		-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
 	}
 
 	.icon__container {
@@ -29,7 +26,7 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
@@ -43,4 +40,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

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

@@ -265,64 +265,6 @@ export { default as moveright } from './moveright';
 export { default as mute } from './mute';
 export { default as myintegration } from './my-integration';
 export { default as newcalendar } from './new-calendar';
-export { default as ngactivity } from './ng-activity';
-export { default as ngaligncenter } from './ng-align-center';
-export { default as ngannotationx } from './ng-annotation-x';
-export { default as ngbell01 } from './ng-bell-01';
-export { default as ngbellringing04 } from './ng-bell-ringing-04';
-export { default as ngbold01 } from './ng-bold-01';
-export { default as ngcalendarplus02 } from './ng-calendar-plus-02';
-export { default as ngcalendar } from './ng-calendar';
-export { default as ngcheckcircle } from './ng-check-circle';
-export { default as ngchecksquarebroken } from './ng-check-square-broken';
-export { default as ngchevrondown } from './ng-chevron-down';
-export { default as ngchevronleft } from './ng-chevron-left';
-export { default as ngchevronright } from './ng-chevron-right';
-export { default as ngchevronselectorvertical } from './ng-chevron-selector-vertical';
-export { default as ngchevronupdouble } from './ng-chevron-up-double';
-export { default as ngchevronup } from './ng-chevron-up';
-export { default as ngcopy03 } from './ng-copy-03';
-export { default as ngdotsgrid } from './ng-dots-grid';
-export { default as ngdotsvertical } from './ng-dots-vertical';
-export { default as ngdownload01 } from './ng-download-01';
-export { default as ngdropdown } from './ng-dropdown';
-export { default as ngedit02 } from './ng-edit-02';
-export { default as ngedit05 } from './ng-edit-05';
-export { default as ngexpand06 } from './ng-expand-06';
-export { default as ngfilecheck02 } from './ng-file-check-02';
-export { default as ngfilequestion03 } from './ng-file-question-03';
-export { default as ngfilterlines } from './ng-filter-lines';
-export { default as nggrid01 } from './ng-grid-01';
-export { default as nghelpcircle } from './ng-help-circle';
-export { default as ngimageuserleft } from './ng-image-user-left';
-export { default as nginfocircle } from './ng-info-circle';
-export { default as ngitalic01 } from './ng-italic-01';
-export { default as nglist } from './ng-list';
-export { default as nglogout01 } from './ng-log-out-01';
-export { default as ngmail01 } from './ng-mail-01';
-export { default as ngmail04 } from './ng-mail-04';
-export { default as ngmenu05 } from './ng-menu-05';
-export { default as ngmessagetextsquare01 } from './ng-message-text-square-01';
-export { default as ngminimize02 } from './ng-minimize-02';
-export { default as ngplus } from './ng-plus';
-export { default as ngrocket02 } from './ng-rocket-02';
-export { default as ngsearchlg } from './ng-search-lg';
-export { default as ngsend01 } from './ng-send-01';
-export { default as ngsettings01 } from './ng-settings-01';
-export { default as ngshare06 } from './ng-share-06';
-export { default as ngstars02 } from './ng-stars-02';
-export { default as ngtrash01 } from './ng-trash-01';
-export { default as ngtrash03 } from './ng-trash-03';
-export { default as ngtrendup01 } from './ng-trend-up-01';
-export { default as ngunderline01 } from './ng-underline-01';
-export { default as ngupload01 } from './ng-upload-01';
-export { default as nguser01 } from './ng-user-01';
-export { default as ngusercheck021 } from './ng-user-check-02-1';
-export { default as ngusercheck02 } from './ng-user-check-02';
-export { default as nguserplus02 } from './ng-user-plus-02';
-export { default as nguserright01 } from './ng-user-right-01';
-export { default as ngxclose } from './ng-x-close';
-export { default as ngxsquare } from './ng-x-square';
 export { default as nightingalechart } from './nightingale-chart';
 export { default as nlp } from './nlp';
 export { default as nomatch } from './nomatch';
@@ -403,7 +345,6 @@ export { default as role } from './role';
 export { default as run } from './run';
 export { default as sankey } from './sankey';
 export { default as save } from './save';
-export { default as savings } from './savings';
 export { default as scatterplot } from './scatter-plot';
 export { default as schedule } from './schedule';
 export { default as schema } from './schema';

package/src/nile-icon/index.ts

@@ -68,9 +68,6 @@ export class NileIcon extends LitElement {
   @property({ type: String, reflect: true })
   public size = SMALL_ICON_SIZE;
 
-  @property({ type: String, reflect: true })
-  public size_token = `${SMALL_ICON_SIZE}px`;
-
   @state()
   private _svg = '';
 
@@ -84,9 +81,6 @@ export class NileIcon extends LitElement {
   @property({ type: Boolean })
   public push = false;
 
-  @property({ type: Boolean })
-  public noFill = false;
-
   /**
    * Retain Viewbox
    */
@@ -100,9 +94,6 @@ export class NileIcon extends LitElement {
       justify-content: center;
       contain: content;
       --nile-svg-stroke-width: 1.3;
-      -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
     }
 
     .nds-icon {
@@ -117,14 +108,10 @@ export class NileIcon extends LitElement {
       stroke: var(--nile-svg-stroke);
     }
 
-    .nds-icon svg * {
+    .nds-icon svg path {
       fill: var(--nile-svg-fill);
     }
 
-    .nds-icon.no-fill svg path {
-      fill: revert-layer;
-    }
-
     .stroke svg path {
       fill: none !important;
       stroke: var(--nile-svg-fill) !important;
@@ -132,7 +119,7 @@ export class NileIcon extends LitElement {
     }
 
     .nds-icon--push {
-      margin-right: var(--nile-spacing-lg);
+      margin-right: 12px;
     }
   `;
 
@@ -147,10 +134,6 @@ export class NileIcon extends LitElement {
       this.style.setProperty('--nile-svg-height', `${this.size}px`);
       this.style.setProperty('--nile-svg-width', `${this.size}px`);
     }
-    if (changedProperties.has('size_token')) {
-      this.style.setProperty('--nile-svg-height', `${this.size_token}`);
-      this.style.setProperty('--nile-svg-width', `${this.size_token}`);
-    }
     if (changedProperties.has('color')) {
       this.style.setProperty('--nile-svg-fill', `${this.color}`);
     }
@@ -236,7 +219,6 @@ export class NileIcon extends LitElement {
     return {
       'stroke': this.method != 'fill' ,
       'nds-icon--push': this.push,
-      'no-fill': this.noFill,
     } as ButtonClassMap;
   }
 
@@ -257,11 +239,11 @@ export class NileIcon extends LitElement {
       !this.color
     ) {
       // Case 1: _svg does not have fill color or has fill="inherit" and this.color is not mentioned
-      this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500,var(--ng-colors-fg-secondary-700))`);
+      this.style.setProperty('--nile-svg-fill', `var(--nile-colors-dark-500)`);
 
     } else if (this.color) {
       // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color
-     this.style.setProperty('--nile-svg-fill', `${this.color}`);
+      this.style.setProperty('--nile-svg-fill', `${this.color}`);
     }
 
     return html`