@ni/nimble-components 17.0.3 → 17.0.5

package/dist/all-components-bundle.min.js

@@ -3130,18 +3130,25 @@ const np=vt`
         background: ${gr};
         border: ${Ar} solid ${Sr};
         margin: 0;
-        padding: 4px;
-        min-width: 168px;
+        min-width: 176px;
         width: max-content;
         box-shadow: ${Hr};
     }
+
+    slot {
+        padding: 4px;
+        display: block;
+    }
+
     :host([slot='submenu']) {
         margin: 0 calc(${Rr} * 2);
     }
+
     ::slotted(*) {
         padding-left: 8px;
         padding-right: 8px;
     }
+
     ::slotted(hr) {
         box-sizing: content-box;
         height: 2px;
@@ -3150,6 +3157,7 @@ const np=vt`
         background: ${br};
         opacity: 0.1;
     }
+
     ::slotted(header) {
         display: flex;
         font: ${tl};
@@ -3158,7 +3166,11 @@ const np=vt`
         padding-top: ${Rr};
         padding-bottom: ${Rr};
     }
-`
+`.withBehaviors(bu(ns,vt`
+            slot {
+                background: ${Qo(Oo,.15)};
+            }
+        `))
 const op=class extends $n{}.compose({baseName:"menu",baseClass:$n,template:(t,e)=>U`
     <template
         slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}"
@@ -4747,21 +4759,55 @@ continue}const t=n[e]
     .header-row {
         display: flex;
         flex-direction: row;
+        background: ${gr};
+        position: relative;
     }
 
     .header {
         flex: 1;
     }
-`,$g=vt`
+
+    .row {
+        background: ${gr};
+        position: relative;
+    }
+
+    .row::before {
+        content: '';
+        width: 100%;
+        height: 100%;
+        position: absolute;
+    }
+
+    .row:hover::before {
+        background: ${mr};
+    }
+`.withBehaviors(bu(ns,vt`
+            .header-row::before {
+                content: '';
+                width: 100%;
+                height: 100%;
+                position: absolute;
+                background: ${mr};
+            }
+
+            .row::before {
+                background: ${mr};
+            }
+
+            .row:hover::before {
+                background: ${Qo(Oo,.15)};
+            }
+        `)),$g=vt`
     ${wo("flex")}
 
     :host {
         height: ${Mr};
         align-items: center;
-        background: ${gr};
         padding: 0px calc(${Ir} / 2);
         font: ${Tl};
         color: ${Bl};
+        text-transform: uppercase;
     }
 `,Cg=U`
     <template role="columnheader">
@@ -4775,15 +4821,10 @@ const Sg=vt`
 
     :host {
         height: ${Mr};
-        background: ${gr};
         border-top: calc(2 * ${Ar}) solid ${zr};
         grid-auto-flow: column;
         grid-auto-columns: 1fr;
     }
-
-    :host(:hover) .cell {
-        background: ${mr};
-    }
 `,zg=vt`
     ${wo("grid")}
 
@@ -4840,6 +4881,7 @@ class Hg extends _e{}const Eg=U`
             ${St((t=>t.columns.length>0),U`
                 ${Vt((t=>t.tableData),U`
                     <${rn.tagFor(Vg)}
+                        class="row"
                         :dataRecord="${t=>t.record}"
                         :columns="${(t,e)=>e.parent.columns}"
                     >