@aquera/nile-elements 0.1.39-beta-1.0 → 0.1.39-beta-1.1

package/package.json

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

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

@@ -401,6 +401,7 @@ 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/icons/svg/savings.ts

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

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

@@ -36,6 +36,14 @@ export const styles = css`
     padding: 0;
   }
 
+  /* To Hide Safari's AutoFill icon */
+  input::-webkit-contacts-auto-fill-button {
+    visibility: hidden;
+    width: 0;
+    margin: 0;
+    padding: 0;
+  }
+
   .form-control .form-control__label {
     display: none;
   }
@@ -331,7 +339,7 @@ export const styles = css`
 
   .input--small .input__control {
     height: calc(1.875rem);
-    padding: var(--nile-spacing-none) var(--nile-spacing-lg);
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg)); 
   }
 
   .input--small .input__clear {
@@ -347,7 +355,7 @@ export const styles = css`
   }
 
   .input--small .input__suffix::slotted(*) {
-    margin-inline-end: var(--nile-spacing-lg);
+    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   .input--medium {

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

@@ -385,7 +385,7 @@ export const styles = css`
   }
 
   .select__options__search-enabled {
-    padding-top: var(--nile-spacing-lg);
+    padding-top: var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   .select__options {
@@ -412,7 +412,7 @@ export const styles = css`
     top: 0px;
     z-index: 1;
     width: calc(100% - 16px);
-    padding: var(--nile-spacing-md);
+    padding: var(--nile-spacing-md, var(--ng-spacing-md));
     background-color: var(--nile-colors-white-base);
     margin-bottom: -8px;
   }
@@ -456,7 +456,7 @@ export const styles = css`
   }
 
   .select__no-results {
-    padding: var(--nile-spacing-lg);
+    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
   }
 
   @keyframes spin {

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

@@ -11,93 +11,62 @@ import { css } from 'lit';
  * Tooltip CSS
  */
 export const styles = css`
-
-
-:host {
-      position: relative;
-      display: inline-block;
-    }
-    .tooltip {
-      position: fixed;
-      z-index: 1000;
-      background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
-      color: var(--nile-colors-white-base, var(--ng-color-base-white));
-      padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
-      border-radius: var(--nile-radius-sm, var(--ng-spacing-md));
-      font-size: var(--nile-tooltip-font-size-sm);
-      line-height: var(--nile-tooltip-line-height-sm);
-      opacity: 0;
-      transition: opacity 0.2s, transform 0.2s;
-      pointer-events: none;
-      white-space: normal;
-      visibility: hidden;
-      overflow: visible;
- 
-    }
-    :host([open]) .tooltip {
-      opacity: 1;
-      visibility: visible;
-      pointer-events: auto;
-    }
-    .tooltip-content {
-      overflow: auto;
-      max-width: 250px;
-      max-height: 116px;
-    }
-    .tooltip-caret {
-      position: absolute;
-      width: calc(2 * var(--caret-size, 6px));
-      height: calc(2 * var(--caret-size, 6px));
-      background-color: inherit;
-      transform: rotate(45deg);
-      z-index: -1;
-    }
-    .trigger-container {
-      display: inline-block;
-    }
- 
- 
-:host([open]) .tooltip {
-  visibility: visible;
-  pointer-events: auto;
-  animation: fadeIn 150ms forwards;
-}
-
- 
-.tooltip.hide {
-  animation: fadeOut 100ms forwards;
-}
-
- 
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(5px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
+  :host {
+    --max-width: 20rem;
+    --hide-delay: 0ms;
+    --show-delay: 150ms;
+    
+    display: contents;
   }
-}
 
- 
-@keyframes fadeOut {
-  from {
-    opacity: 1;
-    transform: translateY(0);
+  .tooltip {
+    --arrow-size: 5px;
+    --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
   }
-  to {
-    opacity: 0;
-    transform: translateY(5px);
+
+  .tooltip::part(popup) {
+    pointer-events: none;
+    z-index: 1000;
   }
-}
 
+  .tooltip[placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
 
+  .tooltip[placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
 
+  .tooltip[placement^='left']::part(popup) {
+    transform-origin: right;
+  }
 
+  .tooltip[placement^='right']::part(popup) {
+    transform-origin: left;
+  }
 
+  .tooltip__body {
+    display: block;
+    width: max-content;
+    max-width: var(--max-width);
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));
+    font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-600));
+    line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));
+    padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));
+    color: var(--nile-colors-white-base, var(--ng-colors-text-white));
+    pointer-events: none;
+    word-break: break-word;
+    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+    box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
+  }
 
- 
+  .tooltip__body--large {
+    font-size: var(--nile-tooltip-font-size-lg);
+    line-height: var(--nile-tooltip-line-height-lg);
+    font-weight: var(--nile-tooltip-font-weight-lg);
+  }
 `;
 
 export default [styles];