@aquera/nile-elements 1.8.9 → 1.9.1

package/dist/nile-file-upload/nile-file-upload.css.esm.js

@@ -1,4 +1,4 @@
-import{css as e}from"lit";const r=e`
+import{css as r}from"lit";const e=r`
   :host {
     display: inline-block;
     width: 100%;
@@ -31,10 +31,10 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     justify-content: space-between;
     gap: 18px;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    color: var(--nile-colors-dark-900);
-    background-color: var(--nile-colors-white-base);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px dashed var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   @media (width < 400px) {
@@ -48,13 +48,13 @@ import{css as e}from"lit";const r=e`
   }
 
   .hover-border {
-    border-color: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));
   }
 
   .title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -63,9 +63,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -82,19 +82,19 @@ import{css as e}from"lit";const r=e`
     justify-content: space-between;
     align-items: center;
     padding: 12px;
-    border-radius: var(--nile-radius-radius-xs);
-    color: var(--nile-colors-dark-900);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    background-color: var(--nile-colors-white-base);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    border: 1px dashed var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     position: relative;
   }
 
   .vertical-div:hover {
-    border-color: var(--nile-colors-blue-500);
+    border-color: var(--nile-colors-blue-500, var(--ng-colors-border-brand));
   }
 
   .outer-div-border {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .inner-div {
@@ -114,9 +114,9 @@ import{css as e}from"lit";const r=e`
 
   .content h4 {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -126,8 +126,8 @@ import{css as e}from"lit";const r=e`
       
   .content p {
     margin: 0px;
-    font-size: var(--nile-type-scale-2);
-    color: var(--nile-colors-neutral-700);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -147,26 +147,38 @@ import{css as e}from"lit";const r=e`
     cursor: pointer;
   }
 
+  nile-button::part(base) {
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+  }
+
+  nile-button:active::part(base) {
+    border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-neutral));
+  }
+
+  nile-button[disabled]::part(base) {
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
+  }
+
   /*  DISABLED STATE */
   .disable {
-    background-color: var(--nile-colors-dark-200);
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));
     opacity: 0.8;
     cursor: not-allowed;
-    color: var(--nile-colors-neutral-500);
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
     pointer-events: none;
   }
 
   /* DRAGGING */
   .dragging {
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
+    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 18px;
-    color: var(--nile-colors-blue-700);
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-blue-700, var(--ng-colors-text-brand-secondary-700));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .icons-container {
@@ -197,11 +209,11 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: 18px;
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400)
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary))
   }
-  
+
   .uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .progress-bar-container {
@@ -215,8 +227,8 @@ import{css as e}from"lit";const r=e`
     width: 100%;
     display: flex;
     justify-content: space-between;
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .progress-bar-container p {
@@ -224,17 +236,17 @@ import{css as e}from"lit";const r=e`
   }
 
   .progress-bar-container > p {
-    font-size: var(--nile-type-scale-1);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-1, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
   }
 
   /* PREVIEW STATE */
   .preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview-inner {
@@ -251,8 +263,8 @@ import{css as e}from"lit";const r=e`
     height: 42px;
     width: 42px;
     object-fit: contain;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-neutral-400);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
   
   .preview-file-info {
@@ -266,14 +278,14 @@ import{css as e}from"lit";const r=e`
 
   .preview-file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview nile-icon:hover {
@@ -282,11 +294,11 @@ import{css as e}from"lit";const r=e`
 
   /* NO PREVIEW STATE */
   .no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .no-preview-container {
@@ -297,13 +309,13 @@ import{css as e}from"lit";const r=e`
   .document-icon {
     height: 40px;
     width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     padding: 2px 3px 2px 3px;
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
+    border: 1px solid var(--nile-colors-blue-400, var(--ng-componentcolors-utility-blue-400));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
   }
 
   .document-icon nile-icon {
@@ -322,14 +334,14 @@ import{css as e}from"lit";const r=e`
 
   .preview-file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .no-preview > nile-icon:hover {
@@ -339,11 +351,11 @@ import{css as e}from"lit";const r=e`
   /* ERROR STATE */
   
   .error {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error-container {
@@ -355,13 +367,13 @@ import{css as e}from"lit";const r=e`
   .error-icon {
     height: 40px;
     width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     padding: 2px 3px 2px 3px;
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid var(--nile-colors-red-400);
-    background-color: var(--nile-colors-red-100);
+    border: 1px solid var(--nile-colors-red-400, var(--ng-colors-border-error-subtle));
+    background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary));
   }
 
   .error-icon nile-icon {
@@ -380,14 +392,14 @@ import{css as e}from"lit";const r=e`
 
   .file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .file-info p:last-of-type{
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .error > nile-icon:hover {
@@ -414,9 +426,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .content-container div.title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -425,9 +437,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .content-container div.subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -442,10 +454,10 @@ import{css as e}from"lit";const r=e`
     justify-content: center;
     align-items: center;
     gap:18px;
-    font-size: var(--nile-type-scale-3);
-    color: var(--nile-colors-blue-700);
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-blue-500);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    color: var(--nile-colors-blue-700, var(--ng-colors-text-brand-secondary-700));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
+    border-color: var(--nile-colors-blue-500, var(--ng-colors-border-brand));
   }
 
   /* Uploading State */
@@ -454,11 +466,11 @@ import{css as e}from"lit";const r=e`
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .loading {
@@ -475,28 +487,28 @@ import{css as e}from"lit";const r=e`
 
   /* Preview State */
   .vertical-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .image-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
     object-fit: cover;
     width: 80px;
     height: 80px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
   }
 
   /* Vertical No Preview State */
   .vertical-no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-document-icon {
@@ -506,23 +518,23 @@ import{css as e}from"lit";const r=e`
     display: flex;
     justify-content: center;
     align-items: center;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px solid var(--nile-colors-blue-400, var(--ng-componentcolors-utility-blue-400));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
   }
 
   /* Veritcal Error State */
   .vertical-error {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-error:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error-bg {
-    background-color: var(--nile-colors-red-100);
-    border: 1px solid var(--nile-colors-red-400);
+    background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary));
+    border: 1px solid var(--nile-colors-red-400, var(--ng-colors-border-error-subtle));
   }
 
   .error-message {
@@ -532,14 +544,14 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: 8px;
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: start;
   }
 
   .error-p {
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
     width: 216px;
     white-space: nowrap;
     overflow: hidden;
@@ -566,8 +578,8 @@ import{css as e}from"lit";const r=e`
     min-width: 230px;
     max-height: 200px;
     overflow-y: auto;
-    border: 1px solid var(--nile-colors-neutral-700);
-    border-radius: var(--nile-radius-radius-xs);
+    border: 1px solid var(--nile-colors-neutral-700, var(--ng-colors-border-neutral));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     scrollbar-width: none;
     padding: 12px;
   }
@@ -582,18 +594,18 @@ import{css as e}from"lit";const r=e`
 
   /* for the upload error messages */
   .upload-error {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-red-700);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    gap: var(--nile-spacing-one-half-x);
+    gap: var(--nile-spacing-one-half-x, var(--ng-spacing-xxs));
     margin-top: 10px;
   }
 
   .upload-error > nile-tooltip > span {
-    color: var(--nile-colors-red-700);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     white-space: nowrap;
     text-align: left;
     max-width: 560px;
@@ -603,18 +615,27 @@ import{css as e}from"lit";const r=e`
 
   .vertical-upload-error {
     display: flex;
+    align-items: center;
     gap: 4px;
     margin-top: 10px;
   }
 
   .vertical-upload-error nile-tooltip span, .vertical-upload-error span {
-    color: var(--nile-colors-red-700);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     white-space: nowrap;
     text-align: left;
     width: 222px;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-size: var(--nile-type-scale-2);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
     display: inline-block;
   }
-`;export{r as s};
+
+  .upload-error nile-lite-tooltip,
+  .vertical-upload-error nile-lite-tooltip {
+    display: flex;
+    align-items: center;
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    line-height: 1;
+  }
+`;export{e as s};

package/dist/nile-grid/nile-grid.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400, , var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-grid.css.cjs.js.map

package/dist/nile-grid/nile-grid.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-grid.css.cjs.js","sources":["../../../src/nile-grid/nile-grid.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400, , var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-grid.css.cjs.js","sources":["../../../src/nile-grid/nile-grid.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    --min-width: 180px;\n    display: grid;\n    grid-template-rows: auto;\n    overflow: auto;\n    inline-size: 100%;\n    position: relative;\n    box-sizing: border-box;\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    max-height: 100%;\n    width: 100%;\n    min-width: var(--min-width);\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n  }\n\n  ::slotted(nile-grid-head),\n  ::slotted(nile-grid-body) {\n    inline-size: 100%;\n  }\n\n  .nile-resize-start,\n  .nile-resize-end {\n    position: absolute;\n    z-index: 4;\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    width: 2px;\n    height: 100%;\n    top: 0;\n    display: none;\n    bottom: 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-grid/nile-grid.css.esm.js

@@ -7,7 +7,7 @@ import{css as o}from"lit";const r=o`
     inline-size: 100%;
     position: relative;
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400, , var(--ng-colors-border-secondary));
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
     border-radius: var(--nile-radius-md, var(--ng-radius-xl));
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     max-height: 100%;

package/dist/nile-nav-tab/nile-nav-tab.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  \n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    position: relative;\n\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    cursor: pointer;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Tab shell (list item)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab-container {\n    flex: 1 1 auto;\n    width: var(--nav-tab-item-width);\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-transparent-border);\n    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    list-style: none;\n    overflow: var(--nile-nav-tab-container-overflow);\n    margin-top: var(--nile-nav-tab-margin);\n    margin-bottom: var(--nile-nav-tab-margin);\n  \n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link wrapper + internal <a> (part base)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-width: 0;\n    min-height: 0;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .nav-tab::part(base) {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-height: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: var(--justify-content);\n    white-space: var(--white-space, nowrap);\n    user-select: none;\n    transition: 0.2s box-shadow, 0.2s color;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    box-sizing: border-box;\n    text-decoration: none;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    word-break: var(--word-break);\n    overflow-wrap: var(--overflow-wrap);\n    text-align: var(--text-align);\n    padding: var(--nile-nav-tab-padding);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Host: active / hover (container + link color)\n   * -------------------------------------------------------------------------- */\n\n  :host([active]) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-active);\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-hover);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n    color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link part: label inherits anchor\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab::part(label) {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Interaction states (::part base)\n   * -------------------------------------------------------------------------- */\n\n  /* Default (inactive) */\n  .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Hover */\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n    background-color: var(--tab-hover-background-color);\n  }\n\n  /* Focus \u2014 roving tabindex is on :host; inner link stays tabindex=-1 */\n  :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* Active */\n  .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n    background-color: var(--tab-active-background-color);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Disabled\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab.nav-tab--disabled {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .nav-tab-container {\n    cursor: not-allowed;\n  }\n\n  .nav-tab.nav-tab--disabled::part(base) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nav-tab.nav-tab--disabled::part(label) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .nav-tab.nav-tab--disabled:hover::part(base),\n  :host([disabled]:focus-visible) .nav-tab::part(base) {\n    background-color: transparent;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Closable: close button\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab__close-button {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .nav-tab__close-button::part(base) {\n    padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n \n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  \n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    position: relative;\n\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    cursor: pointer;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Tab shell (list item)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab-container {\n    flex: 1 1 auto;\n    width: var(--nav-tab-item-width);\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-transparent-border);\n    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    list-style: none;\n    overflow: var(--nile-nav-tab-container-overflow);\n    margin-top: var(--nile-nav-tab-margin);\n    margin-bottom: var(--nile-nav-tab-margin);\n  \n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link wrapper + internal <a> (part base)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-width: 0;\n    min-height: 0;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .nav-tab::part(base) {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-height: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: var(--justify-content);\n    white-space: var(--white-space, nowrap);\n    user-select: none;\n    transition: 0.2s box-shadow, 0.2s color;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    box-sizing: border-box;\n    text-decoration: none;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    word-break: var(--word-break);\n    overflow-wrap: var(--overflow-wrap);\n    text-align: var(--text-align);\n    padding: var(--nile-nav-tab-padding);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Host: active / hover (container + link color)\n   * -------------------------------------------------------------------------- */\n\n  :host([active]) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-active);\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-hover);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n    color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link part: label inherits anchor\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab::part(label) {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Interaction states (::part base)\n   * -------------------------------------------------------------------------- */\n\n  /* Default (inactive) */\n  .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Hover */\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base),\n  .nav-tab:hover:not(.nav-tab--disabled)::part(label) {\n    text-decoration: none;\n  }\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n    background-color: var(--tab-hover-background-color);\n  }\n\n  /* Focus \u2014 roving tabindex is on :host; inner link stays tabindex=-1 */\n  :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* Active */\n  .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n    background-color: var(--tab-active-background-color);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Disabled\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab.nav-tab--disabled {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .nav-tab-container {\n    cursor: not-allowed;\n  }\n\n  .nav-tab.nav-tab--disabled::part(base) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nav-tab.nav-tab--disabled::part(label) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .nav-tab.nav-tab--disabled:hover::part(base),\n  :host([disabled]:focus-visible) .nav-tab::part(base) {\n    background-color: transparent;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Closable: close button\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab__close-button {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .nav-tab__close-button::part(base) {\n    padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n \n"]))));}};});
 //# sourceMappingURL=nile-nav-tab.css.cjs.js.map

package/dist/nile-nav-tab/nile-nav-tab.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-nav-tab.css.cjs.js","sources":["../../../src/nile-nav-tab/nile-nav-tab.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  \n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    position: relative;\n\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    cursor: pointer;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Tab shell (list item)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab-container {\n    flex: 1 1 auto;\n    width: var(--nav-tab-item-width);\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-transparent-border);\n    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    list-style: none;\n    overflow: var(--nile-nav-tab-container-overflow);\n    margin-top: var(--nile-nav-tab-margin);\n    margin-bottom: var(--nile-nav-tab-margin);\n  \n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link wrapper + internal <a> (part base)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-width: 0;\n    min-height: 0;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .nav-tab::part(base) {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-height: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: var(--justify-content);\n    white-space: var(--white-space, nowrap);\n    user-select: none;\n    transition: 0.2s box-shadow, 0.2s color;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    box-sizing: border-box;\n    text-decoration: none;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    word-break: var(--word-break);\n    overflow-wrap: var(--overflow-wrap);\n    text-align: var(--text-align);\n    padding: var(--nile-nav-tab-padding);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Host: active / hover (container + link color)\n   * -------------------------------------------------------------------------- */\n\n  :host([active]) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-active);\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-hover);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n    color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link part: label inherits anchor\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab::part(label) {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Interaction states (::part base)\n   * -------------------------------------------------------------------------- */\n\n  /* Default (inactive) */\n  .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Hover */\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n    background-color: var(--tab-hover-background-color);\n  }\n\n  /* Focus — roving tabindex is on :host; inner link stays tabindex=-1 */\n  :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* Active */\n  .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n    background-color: var(--tab-active-background-color);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Disabled\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab.nav-tab--disabled {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .nav-tab-container {\n    cursor: not-allowed;\n  }\n\n  .nav-tab.nav-tab--disabled::part(base) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nav-tab.nav-tab--disabled::part(label) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .nav-tab.nav-tab--disabled:hover::part(base),\n  :host([disabled]:focus-visible) .nav-tab::part(base) {\n    background-color: transparent;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Closable: close button\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab__close-button {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .nav-tab__close-button::part(base) {\n    padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-nav-tab.css.cjs.js","sources":["../../../src/nile-nav-tab/nile-nav-tab.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\nexport const styles = css`\n  \n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: flex;\n    flex-direction: column;\n    align-self: stretch;\n    position: relative;\n\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n    cursor: pointer;\n  }\n\n  :host([centered]) {\n    flex: 1;\n    text-align: center;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Tab shell (list item)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab-container {\n    flex: 1 1 auto;\n    width: var(--nav-tab-item-width);\n    padding: 0;\n    box-sizing: border-box;\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-transparent-border);\n    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    list-style: none;\n    overflow: var(--nile-nav-tab-container-overflow);\n    margin-top: var(--nile-nav-tab-margin);\n    margin-bottom: var(--nile-nav-tab-margin);\n  \n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link wrapper + internal <a> (part base)\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-width: 0;\n    min-height: 0;\n    align-items: center;\n    box-sizing: border-box;\n  }\n\n  .nav-tab::part(base) {\n    display: flex;\n    flex: 1 1 auto;\n    align-self: stretch;\n    width: 100%;\n    min-height: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: var(--justify-content);\n    white-space: var(--white-space, nowrap);\n    user-select: none;\n    transition: 0.2s box-shadow, 0.2s color;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    box-sizing: border-box;\n    text-decoration: none;\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n    word-break: var(--word-break);\n    overflow-wrap: var(--overflow-wrap);\n    text-align: var(--text-align);\n    padding: var(--nile-nav-tab-padding);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Host: active / hover (container + link color)\n   * -------------------------------------------------------------------------- */\n\n  :host([active]) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-active);\n    border-radius: var(--nile-nav-tab-radius);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n    background-color: var(--nile-nav-tab-bg-hover);\n    border: var(--nile-nav-tab-border);\n    box-shadow: var(--nile-nav-tab-active-box-shadow);\n  }\n\n  :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n    color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n  }\n\n  /* --------------------------------------------------------------------------\n   * nile-link part: label inherits anchor\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab::part(label) {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-style: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Interaction states (::part base)\n   * -------------------------------------------------------------------------- */\n\n  /* Default (inactive) */\n  .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n  }\n\n  /* Hover */\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base),\n  .nav-tab:hover:not(.nav-tab--disabled)::part(label) {\n    text-decoration: none;\n  }\n  .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n    background-color: var(--tab-hover-background-color);\n  }\n\n  /* Focus — roving tabindex is on :host; inner link stays tabindex=-1 */\n  :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  /* Active */\n  .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n    color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n    background-color: var(--tab-active-background-color);\n  }\n\n  /* --------------------------------------------------------------------------\n   * Disabled\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab.nav-tab--disabled {\n    cursor: not-allowed;\n  }\n\n  :host([disabled]) .nav-tab-container {\n    cursor: not-allowed;\n  }\n\n  .nav-tab.nav-tab--disabled::part(base) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nav-tab.nav-tab--disabled::part(label) {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .nav-tab.nav-tab--disabled:hover::part(base),\n  :host([disabled]:focus-visible) .nav-tab::part(base) {\n    background-color: transparent;\n  }\n\n  /* --------------------------------------------------------------------------\n   * Closable: close button\n   * -------------------------------------------------------------------------- */\n\n  .nav-tab__close-button {\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n    margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .nav-tab__close-button::part(base) {\n    padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-nav-tab/nile-nav-tab.css.esm.js

@@ -130,6 +130,10 @@ import{css as a}from"lit";const n=a`
   }
 
   /* Hover */
+  .nav-tab:hover:not(.nav-tab--disabled)::part(base),
+  .nav-tab:hover:not(.nav-tab--disabled)::part(label) {
+    text-decoration: none;
+  }
   .nav-tab:hover:not(.nav-tab--disabled)::part(base) {
     color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));
     background-color: var(--tab-hover-background-color);