@ni/nimble-components 20.14.0 → 20.14.2

package/dist/all-components-bundle.js

@@ -16298,7 +16298,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Fri, 03 Nov 2023 23:08:42 GMT
+   * Generated on Sat, 11 Nov 2023 10:48:28 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16474,6 +16474,7 @@
       dialogLargeWidth: 'dialog-large-width',
       dialogLargeHeight: 'dialog-large-height',
       dialogLargeMaxHeight: 'dialog-large-max-height',
+      menuMinWidth: 'menu-min-width',
       bannerGapSize: 'banner-gap-size',
       spinnerSmallHeight: 'spinner-small-height',
       spinnerMediumHeight: 'spinner-medium-height',
@@ -16885,6 +16886,7 @@
   DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeWidth)).withDefault('1024px');
   DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeHeight)).withDefault('680px');
   DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeMaxHeight)).withDefault('680px');
+  const menuMinWidth = DesignToken.create(styleNameFromTokenName(tokenNames.menuMinWidth)).withDefault('176px');
   DesignToken.create(styleNameFromTokenName(tokenNames.bannerGapSize)).withDefault('1px');
   const spinnerSmallHeight = DesignToken.create(styleNameFromTokenName(tokenNames.spinnerSmallHeight)).withDefault('16px');
   DesignToken.create(styleNameFromTokenName(tokenNames.spinnerMediumHeight)).withDefault('32px');
@@ -19960,14 +19962,15 @@
         display: contents;
     }
 
-    ::slotted([slot='title']) {
+    slot[name='title'] {
         font: ${titleFont};
         color: ${titleFontColor};
     }
 `;
 
   const template$s = html `
-    <section aria-labelledby="title-slot">
+    ${'' /* Explicitly set role to work around Lighthouse error. See https://github.com/ni/nimble/issues/1650. */}
+    <section role="region" aria-labelledby="title-slot">
         <slot name="title" id="title-slot"></slot>
         <slot></slot>
     </section>
@@ -24206,7 +24209,7 @@
         background: ${applicationBackgroundColor};
         border: ${borderWidth} solid ${popupBorderColor};
         margin: 0;
-        min-width: 176px;
+        min-width: ${menuMinWidth};
         width: max-content;
         box-shadow: ${elevation2BoxShadow};
     }