@aquera/nile-elements 1.5.4 → 1.5.6

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

@@ -1,4 +1,4 @@
-import{css as r}from"lit";const o=r`
+import{css as o}from"lit";const r=o`
   :host {
     box-sizing: border-box;
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
@@ -28,7 +28,7 @@ import{css as r}from"lit";const o=r`
   .form-control--has-label .form-control__label {
     display: inline-block;
     color: inherit;
-    margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));
+    margin-bottom: var(--nile-spacing-sm,var( --ng-spacing-sm));
     color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));
     font-family: var(--nile-font-family-serif,var( --ng-font-family-body));
     font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));
@@ -108,7 +108,7 @@ import{css as r}from"lit";const o=r`
   }
 
   .nile-chip--disabled {
-    background: var(--nile-colors-white-base,var(--ng-colors-bg-disabled-subtle));
+    
     /* opacity: 0.5; */
     cursor: not-allowed;
     border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
@@ -116,14 +116,17 @@ import{css as r}from"lit";const o=r`
   }
 
   :host([disabled]) nile-tag::part(base) {
-    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary));
   }
 
   :host([disabled]) .nile-chip {
-    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-disabled-subtle));
+    background-color: var(--nile-colors-dark-200 , var(--ng-colors-bg-disabled-subtle));
+    pointer-events: none;
   }
 
-  
+  .input--standard.input--disabled {
+    background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));
+  }
 
   .nile-chip.nile-chip--disabled {
     background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));
@@ -161,27 +164,38 @@ import{css as r}from"lit";const o=r`
     box-shadow: var(--nile-box-shadow-10);
   }
 
-  .nile-chip.nile-chip--open:hover  {
-  border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-brand));
-  box-shadow: var(--nile-box-shadow-10, 0 0 0 1px  var(--ng-colors-border-brand) inset ); /* Need to create token for it */
-}
+  :host([disabled]) .nile-chip:hover {
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));
+    box-shadow: none;
+  }
 
-.nile-chip__tags--focused::part(base) {
-  border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));
-  gap: 2px;
 
-}
+  .nile-chip.nile-chip--open:hover  {
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-brand));
+    box-shadow: var(--nile-box-shadow-10, 0 0 0 1px  var(--ng-colors-border-brand) inset ); /* Need to create token for it */
+  }
 
- 
+  .nile-chip__tags--focused::part(base) {
+    border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));
+    gap: 2px;
+  }
 
-nile-auto-complete::part(base)::before {
-box-shadow: none;
-}
+  nile-auto-complete::part(base)::before {
+    box-shadow: none;
+  }
 
-:host([required]) .form-control--has-label .form-control__label::after {
+  :host([required]) .form-control--has-label .form-control__label::after {
   content: '*';
-  margin-inline-start: -2px;
-  color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
-}
+    margin-inline-start: -2px;
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+  }
 
-`;export{o as s};
+  :host([disabled]) {
+    cursor: not-allowed;
+  }
+
+  :host([disabled]) nile-auto-complete::part(base) {
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));
+  }
+`;export{r as s};