@ni/nimble-components 18.2.0 → 18.3.1

package/dist/all-components-bundle.js

@@ -18110,6 +18110,10 @@
         name: 'add_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="M13 7H9V3H7v4H3v2h4v4h2V9h4V7z"/></svg>`
     };
+    const arrowDown16X16 = {
+        name: 'arrow_down_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xml:space="preserve"><path d="M9 2v6.207l2.5-1.188L8.021 14 4.5 7.019 7 8.207V2h2z"/></svg>`
+    };
     const arrowDownRightAndArrowUpLeft16X16 = {
         name: 'arrow_down_right_and_arrow_up_left_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="m13.171 13.933-2.276-2.247-.447 2.284-1.732-5.246 5.217 1.753-2.284.456 2.291 2.26ZM2 2.746l2.29 2.261-2.283.456 5.217 1.753L5.492 1.97l-.447 2.284-2.276-2.247Z"/></svg>`
@@ -18150,6 +18154,10 @@
         name: 'arrow_u_rotate_left_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="m8.857 9.453-2.571-1.68v.908a3 3 0 0 0 3 3 3 3 0 0 0 3-3V3.11H14v5.571a4.714 4.714 0 0 1-4.714 4.715A4.714 4.714 0 0 1 4.57 8.68v-.908L2 9.453l3.403-6.849Z"/></svg>`
     };
+    const arrowUp16X16 = {
+        name: 'arrow_up_16_x_16',
+        data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xml:space="preserve"><path d="M7 14V7.793L4.5 8.981 7.979 2 11.5 8.981 9 7.793V14H7z"/></svg>`
+    };
     const arrowUpLeftAndArrowDownRight16X16 = {
         name: 'arrow_up_left_and_arrow_down_right_16_x_16',
         data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path class="cls-1" d="m4.195 4.977-.451 2.296L2 2l5.256 1.762-2.301.458 6.849 6.803.452-2.296L14 14l-5.256-1.762 2.301-.458-6.85-6.803z"/></svg>`
@@ -19539,11 +19547,15 @@
                 var(--ni-private-listbox-padding)
         );
         z-index: 1;
-        padding: var(--ni-private-listbox-padding);
         box-shadow: ${elevation2BoxShadow};
         border: 1px solid ${popupBorderColor};
         background-color: ${applicationBackgroundColor};
-        background-clip: padding-box;
+    }
+
+    .listbox slot {
+        display: block;
+        background: transparent;
+        padding: var(--ni-private-listbox-padding);
     }
 
     .listbox[hidden] {
@@ -19647,6 +19659,10 @@
             :host([disabled]) .control {
                 background-color: rgba(${borderRgbPartialColor}, 0.07);
             }
+        `), themeBehavior(Theme.color, css `
+            .listbox slot {
+                background: ${hexToRgbaCssColor(White, 0.15)};
+            }
         `));
 
     const styles$s = css `
@@ -20500,6 +20516,17 @@
     }
     registerIcon('icon-add', IconAdd);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'arrowDown' icon
+     */
+    class IconArrowDown extends Icon {
+        constructor() {
+            super(arrowDown16X16);
+        }
+    }
+    registerIcon('icon-arrow-down', IconArrowDown);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowDownRightAndArrowUpLeft' icon
@@ -20599,6 +20626,17 @@
     }
     registerIcon('icon-arrow-u-rotate-left', IconArrowURotateLeft);
 
+    // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+    /**
+     * The icon component for the 'arrowUp' icon
+     */
+    class IconArrowUp extends Icon {
+        constructor() {
+            super(arrowUp16X16);
+        }
+    }
+    registerIcon('icon-arrow-up', IconArrowUp);
+
     // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
     /**
      * The icon component for the 'arrowUpLeftAndArrowDownRight' icon