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

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.1.44-beta-1.6",
+  "version": "0.1.44-beta-1.8",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-code-editor/nile-code-editor.css.ts

@@ -24,7 +24,7 @@ export const styles = css`
 
   .code__editor__container {
     display: flex;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-none));
+    padding: var(--nile-spacing-5px, var(--ng-spacing-none));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));
     position: relative;
@@ -64,7 +64,7 @@ export const styles = css`
     right: var(--nile-spacing-none, var(--ng-spacing-1-5));
     top: 5px;
     z-index: 1;
-    padding: var(--nile-spacing-sm, var(--ng-spacing-none));
+    padding: var(--nile-spacing-5px, var(--ng-spacing-none));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
   

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

@@ -311,6 +311,7 @@ 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 ngrefreshcw02 } from './ng-refresh-cw-02';
 export { default as ngrocket02 } from './ng-rocket-02';
 export { default as ngsearchlg } from './ng-search-lg';
 export { default as ngsend01 } from './ng-send-01';
@@ -323,6 +324,7 @@ 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 nguploadcloud02 } from './ng-upload-cloud-02';
 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';

package/src/nile-icon/icons/svg/ng-refresh-cw-02.ts

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

package/src/nile-icon/icons/svg/ng-upload-cloud-02.ts

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

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

@@ -137,9 +137,12 @@ export const styles = css`
     outline:var(--nile-outline-none, var(--ng-private-outline-transparent));
   }
 
+  .input--standard:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));
+  }
+
   .input--standard.input--error:hover:not(.input--disabled) {
-    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));
-    outline: var(--nile-outline-none, var(--ng-colors-border-error));
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));
   }
 
   .input--standard.input--focused:not(.input--disabled) {
@@ -194,6 +197,10 @@ export const styles = css`
     border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));
   }
 
+  .input--standard.input--warning:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));
+  }
+
   .input--standard.input--error {
     border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));
   }
@@ -202,6 +209,10 @@ export const styles = css`
     border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));
   }
 
+  .input--standard.input--success:hover {
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));
+  }
+
   .input--standard.input--destructive {
     border-color: var(--nile-colors-red-400);
   }

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

@@ -14,7 +14,7 @@ export const styles = css`
   :host {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-md, var(--ng-spacing-md));
+    gap: var(--nile-spacing-9px, var(--ng-spacing-md));
     padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
     -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));

package/src/nile-list-item/nile-list-item.css.ts

@@ -45,7 +45,7 @@ export const styles = css`
   .content__wrapper {
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+    gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
     height: 100%;
     box-sizing: border-box;
   }

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

@@ -96,12 +96,12 @@ export const styles = css`
 
   .textarea--standard:hover:not(.textarea--disabled) {
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    border-color: var(--nile-textarea-standard-hover-border-color, var(--ng-colors-border-primary));
+    border-color: var(--nile-textarea-standard-hover-border-color, var(--ng-colors-fg-quaternary-400));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
   }
 
   .textarea--standard:hover:not(.textarea--disabled) .textarea__control {
-    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-primary));
+    border-color: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400));
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
   }
 
@@ -112,13 +112,29 @@ export const styles = css`
     border-width: var(--nile-border-width-1, var(--ng-border-width-2));
   }
 
+  .textarea--standard.textarea--warning:not(.textarea--disabled):hover {
+    border-color: var(--nile-textarea-standard-hover-border-color, var(--ng-colors-border-warning));
+  }
+
   .textarea--standard.textarea--warning.textarea--focused:not(.textarea--disabled) {
-    border-color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-500));
+    border-color: var(--nile-textarea-standard-focused-border-color, var(--ng-colors-border-warning-subtle));
     border-width: var(--nile-border-width-1, var(--ng-border-width-2));
   }
 
+  .textarea--standard.textarea--error:not(.textarea--disabled):hover {
+    border-color: var(--nile-textarea-standard-hover-border-color, var(--ng-colors-border-error));
+  }
+
   .textarea--standard.textarea--error.textarea--focused:not(.textarea--disabled) {
-    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));
+    border-color: var(--nile-textarea-standard-focused-border-color, var(--ng-colors-border-error));
+  }
+
+  .textarea--standard.textarea--success:not(.textarea--disabled):hover {
+    border-color: var(--nile-textarea-standard-hover-border-color, var(--ng-colors-border-success));
+  }
+
+  .textarea--standard.textarea--success.textarea--focused:not(.textarea--disabled) {
+    border-color: var(--nile-textarea-standard-focused-border-color, var(--ng-colors-border-success));
     border-width: var(--nile-border-width-1, var(--ng-border-width-2));
   }
 
@@ -198,7 +214,7 @@ export const styles = css`
   }
 
   .textarea--standard.textarea--warning {
-    border-color: var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-500));
+    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));
   }
 
   .textarea--standard.textarea--error {
@@ -206,8 +222,7 @@ export const styles = css`
   }
 
   .textarea--standard.textarea--success {
-    //TODO: Need Token from design system
-    border-color: var(--nile-colors-green-500);
+    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));
   }
 
   .textarea--standard.textarea--destructive {