@aquera/nile-elements 0.0.82 → 0.0.85

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

@@ -27,7 +27,6 @@ export const styles = css`
 
   :host {
     display: block;
-    padding:1px 6px;
   }
 
   :host([inert]) {
@@ -61,6 +60,7 @@ export const styles = css`
     flex: 1 1 auto;
     margin: auto 0;
     display: inline-flex;
+    padding: 0 16px;
   }
 
   .menu-item .menu-item__prefix {

package/src/nile-menu-item/nile-menu-item.ts

@@ -160,20 +160,19 @@ export class NileMenuItem extends NileElement {
           'menu-item--has-submenu': this.hasSubMenu, // reserved for future use
         })}
       >
-        <span part="checked-icon" class="menu-item__check">
-          <nile-icon
-            name="tick"
-            library="system"
-            aria-hidden="true"
-          ></nile-icon>
-        </span>
-
-        <slot
-          name="prefix"
-          part="prefix"
-          class="menu-item__prefix"
-       
-        ></slot>
+        ${this.checked
+          ? html`
+              <span part="checked-icon" class="menu-item__check">
+                <nile-icon
+                  name="tick"
+                  library="system"
+                  aria-hidden="true"
+                ></nile-icon>
+              </span>
+            `
+          : ``}
+
+        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
         <slot
           part="label"
@@ -183,13 +182,15 @@ export class NileMenuItem extends NileElement {
 
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
-        <span part="submenu-icon" class="menu-item__chevron">
-          <nile-icon
-            name="arrowright"
-            library="system"
-            aria-hidden="true"
-          ></nile-icon>
-        </span>
+        ${this.hasSubMenu
+          ? html` <span part="submenu-icon" class="menu-item__chevron">
+              <nile-icon
+                name="arrowright"
+                library="system"
+                aria-hidden="true"
+              ></nile-icon>
+            </span>`
+          : ``}
       </div>
     `;
   }

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

@@ -299,7 +299,7 @@ export class NileTabGroup extends NileElement {
   private repositionIndicator() {
     const currentTab = this.getActiveTab();
 
-    if (!currentTab) {
+    if (!currentTab || !this.indicator) {
       return;
     }
 
@@ -319,7 +319,6 @@ export class NileTabGroup extends NileElement {
       { left: 0, top: 0 }
     );
 
-    if(this.indicator)
     switch (this.placement) {
       case 'top':
       case 'bottom':
@@ -364,9 +363,10 @@ export class NileTabGroup extends NileElement {
 
   @watch('placement', { waitUntilFirstUpdate: true })
   syncIndicator() {
+    if(!this.indicator) return;
     const tab = this.getActiveTab();
 
-    if (tab && this.indicator) {
+    if (tab) {
       this.indicator.style.display = 'block';
       this.repositionIndicator();
     } else {

package/src/nile-table-cell-item/nile-table-cell-item.css.ts

@@ -29,7 +29,8 @@ export const styles = css`
     font-size: var(--nile-type-scale-3);
     font-style: normal;
     font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-type-scale-6);
+    /* line-height: var(--nile-type-scale-6); */
+    line-height: normal;
     letter-spacing: 0.2px;
   }
 `;

package/src/nile-table-header-item/nile-table-header-item.css.ts

@@ -31,7 +31,8 @@ export const styles = css`
     font-size: var(--nile-type-scale-2);
     font-weight: 500;
     font-style: normal;
-    line-height: var(--nile-type-scale-5);
+    /* line-height: var(--nile-type-scale-5); */
+    line-height: normal;
   }
 
   nile-icon {