@aquera/nile-elements 0.1.44-beta-1.2 → 0.1.44-beta-1.4

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.2",
+  "version": "0.1.44-beta-1.4",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

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

@@ -168,7 +168,7 @@ export const styles = css`
 
   .checkbox__label {
     display: inline-block;
-    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
+    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
     margin-inline-start: 0.5em;
     user-select: none;

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

@@ -139,7 +139,7 @@ export const styles = css`
 
   .input--standard:hover:not(.input--disabled):not(.input--error) {
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
-    border: 1px solid var(--nile-colors-dark-900,var(--ng-colors-border-brand));
+    border: 1px solid var(--nile-colors-primary-500, var(--ng-colors-border-brand));
     outline: var(--nile-outline-none,var(--ng-nxt-gen-outline));
   }
 

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

@@ -45,7 +45,7 @@ export const styles = css`
 
   .option--hover:not(.option--current):not(.option--disabled),  :host([aria-selected='true']) .option {
     background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    color: var(--nile-colors-primary-600, var(--ng-colors-text-primary-900));
     border-radius: var(--nile-radius-none, var(--ng-radius-sm));
   }
 

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

@@ -360,7 +360,7 @@ export const styles = css`
     align-items: center;
     transition: 250ms rotate ease;
     rotate: 0;
-    margin-inline-start: var(--nile-spacing-3px, var(--ng-spacing-md));
+    margin-inline-start: var(--nile-spacing-xxxsmall, var(--ng-spacing-md));
   }
 
   .select--open .select__expand-icon {

package/src/nile-tab-group/nile-tab-group.css.ts

@@ -40,7 +40,7 @@ export const styles = css`
 
   .hide__track {
     --track-width: 0px;
-    --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));
+    --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
   }
 
   .tab-group__indicator {
@@ -59,7 +59,7 @@ export const styles = css`
 
   .tab-group--has-scroll-controls .tab-group__nav-container {
     position: relative;
-    padding: var(--nile-spacing-none) var(--ng-spacing-lg);
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
   }
 
   .tab-group__body {
@@ -138,7 +138,7 @@ export const styles = css`
   }
 
   .tab-group--top ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
+    --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   /*
@@ -184,7 +184,7 @@ export const styles = css`
   }
 
   .tab-group--bottom ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-lg) var(--nile-spacing-none);
+    --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));
   }
 
   /*
@@ -221,7 +221,7 @@ export const styles = css`
   }
 
   .tab-group--start ::slotted(nile-tab-panel) {
-    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));
+    --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
   }
 
   /*

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

@@ -43,7 +43,7 @@ export const styles = css`
     font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
     height: var(--nile-height-26px , var(--ng-height-auto));
     border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
-    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-10px , var(--ng-spacing-md));
+    padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));
   }
 
   .tag--primary {

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

@@ -60,7 +60,7 @@ export const styles = css`
     color: var(--nile-colors-white-base, var(--ng-colors-text-white));
     pointer-events: none;
     word-break: break-word;
-    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
+    font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
     box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
   }