@aquera/nile-elements 0.1.35-beta-2.0 → 0.1.36-beta-1.0

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.35-beta-2.0",
+  "version": "0.1.36-beta-1.0",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",
@@ -37,7 +37,6 @@
     "./nile-textarea": "./dist/src/nile-textarea/index.js",
     "./nile-date-picker": "./dist/src/nile-date-picker/index.js",
     "./nile-error-message": "./dist/src/nile-error-message/index.js",
-    "./nile-filter-chip": "./dist/src/nile-filter-chip/index.js",
     "./nile-form-error-message": "./dist/src/nile-form-error-message/index.js",
     "./nile-form-help-text": "./dist/src/nile-form-help-text/index.js",
     "./nile-calendar": "./dist/src/nile-calendar/index.js",
@@ -85,6 +84,7 @@
     "./nile-section-message": "./dist/src/nile-section-message/index.js",
     "./nile-toolbar": "./dist/src/nile-toolbar/index.js",
     "./nile-inline-edit": "./dist/src/nile-inline-edit/index.js",
+    "./nile-tour": "./dist/src/nile-tour/index.js",
     "./nile-table": "./dist/src/nile-table/index.js"
   },
   "scripts": {

package/plop-templates/lit/index.ts.hbs

@@ -1,5 +1,5 @@
 /**
-* Copyright Aquera Inc 2025
+* 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.

package/plop-templates/lit/lit.css.ts.hbs

@@ -1,5 +1,5 @@
 /**
-* Copyright Aquera Inc 2025
+* 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.

package/plop-templates/lit/lit.ts.hbs

@@ -1,5 +1,5 @@
 /**
- * Copyright Aquera Inc 2025
+ * 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.
@@ -37,12 +37,8 @@ export class Nile{{pascalCase name}} extends NileElement {
 	 * @slot This is a slot test
 	 */
 	public render(): TemplateResult {
-	const time = new Date().toLocaleTimeString();
-  	return html`
-
-    <slot>
-	<div>Hello Nile - ${time}</div>
-    </slot>
+		return html`
+			<slot> </slot>
 			`;
 	}
 

package/plopfile.js

@@ -1,7 +1,7 @@
 export default function (plop) {
   // lit generator
   plop.setGenerator('lit', {
-    description: 'create nile-element',
+    description: 'create lit-element',
     prompts: [
       {
         type: 'input',
@@ -30,37 +30,6 @@ export default function (plop) {
         path: 'src/nile-{{name}}/nile-{{name}}.css.ts',
         templateFile: 'plop-templates/lit/lit.css.ts.hbs',
       },
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/nile-{{name}}.template.ts',
-        templateFile: 'plop-templates/lit/lit.template.ts.hbs',
-      },
-     
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/nile-{{name}}.test.ts',
-        templateFile: 'plop-templates/lit/lit.test.ts.hbs',
-      },
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/sub-components/nile-{{name}}.ts',
-        template: '',
-      },
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/utils/nile-{{name}}.utils.ts',
-        template: '',
-      },
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/types/index.ts',
-        templateFile: 'plop-templates/lit/types/index.ts.hbs',
-      },
-      {
-        type: 'add',
-        path: 'src/nile-{{name}}/types/{{name}}.type.ts',
-        templateFile: 'plop-templates/lit/types/type.ts.hbs',
-      },
       {
         type: 'modify',
         path: 'package.json',

package/src/index.ts

@@ -76,4 +76,5 @@ export { NileSectionMessage } from './nile-section-message';
 export { NileToolbar } from './nile-toolbar';
 export { NileInlineEdit } from './nile-inline-edit';
 export { NileTable } from './nile-table';
-export { NileFilterChip } from './nile-filter-chip';
+export { NileFileUpload } from './nile-file-upload';
+export { NileFilePreview } from './nile-file-preview'

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

@@ -16,11 +16,11 @@ export const styles = css`
 
   .nile-error-message {
     width: 100%;
+    word-break: break-all;
     font-size: var(--nile-font-size-small);
     letter-spacing: 0.2px;
     font-weight: var(--nile-font-weight-regular);
     line-height: var(--nile-font-size-small);
-    max-width: var(--nile-error-max-width, 535px);
   }
 
   .nile-error-message__error {
@@ -32,8 +32,6 @@ export const styles = css`
     color: var(--nile-colors-dark-500);
     margin-top:6px;
     line-height: 16px;
-    max-height: var(--nile-error-max-height, 48px);
-    overflow-x: auto;
   }
 
   .nile-error-message__icon {
@@ -56,7 +54,7 @@ export const styles = css`
     border: 1px solid var(--nile-colors-red-500);
     border-left: 6px solid var(--nile-colors-red-500);
     border-radius: 4px;
-    margin-top: 8px;
+    margin-top: 12px;
     padding: 12px;
     background: var(--nile-colors-neutral-100);
   }
@@ -83,10 +81,10 @@ export const styles = css`
   }
 
   .nile-error-message__response-expanded.expanded {
-    max-height: var(--nile-error-max-dialog-height, 48px);
+    max-height: 100px;
     transition: max-height 0.3s ease-in-out;
     visibility: visible;
-    padding: 8px;
+    padding: 12px;
   }
 `;
 

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

@@ -32,12 +32,6 @@ export class NileErrorMessage extends LitElement {
   @property({ type: Boolean })
   isExpanded: boolean = false;
 
-  @property({ type: String }) maxWidth: string;
-
-  @property({ type: String }) maxHeight: string;
-
-  @property({ type: String }) maxDialogHeight: string;
-
   // The maximum length before truncation.
   private readonly MAX_LENGTH: number = 100;
 
@@ -52,18 +46,6 @@ export class NileErrorMessage extends LitElement {
     return this.errorResponse;
   }
 
-  updated(changedProperties: Map<string, any>) {
-    if (changedProperties.has('maxWidth')) {
-      this.style.setProperty('--nile-error-max-width', this.maxWidth);
-    }
-    if (changedProperties.has('maxHeight')) {
-      this.style.setProperty('--nile-error-max-height', this.maxHeight);
-    }
-    if (changedProperties.has('maxDialogHeight')) {
-      this.style.setProperty('--nile-error-max-dialog-height', this.maxDialogHeight);
-    }
-  }
-
   /**
    * Toggle the expanded state of the error response.
    */

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

@@ -12,7 +12,7 @@ import { css } from 'lit';
  */
 export const styles = css`
   :host {
-    --indication-color: var(--nile-colors-red-700);
+    --indication-color: var(--nile-colors-red-500);
   }
 
   .nile-error-notification {

package/src/nile-file-preview/index.ts

@@ -0,0 +1 @@
+export { NileFilePreview } from './nile-file-preview';