@ni/nimble-components 20.14.1 → 20.14.3

package/dist/all-components-bundle.js

@@ -16298,7 +16298,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Wed, 08 Nov 2023 15:51:23 GMT
+   * Generated on Mon, 13 Nov 2023 16:48:30 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',
@@ -16646,7 +16647,15 @@
       elevation1BoxShadow: 'elevation-1-box-shadow',
       elevation2BoxShadow: 'elevation-2-box-shadow',
       elevation3BoxShadow: 'elevation-3-box-shadow',
-      graphGridlineColor: 'graph-gridline-color'
+      graphGridlineColor: 'graph-gridline-color',
+      mentionFont: 'mention-font',
+      mentionFontColor: 'mention-font-color',
+      mentionDisabledFontColor: 'mention-disabled-font-color',
+      mentionFontFamily: 'mention-font-family',
+      mentionFontSize: 'mention-font-size',
+      mentionFontWeight: 'mention-font-weight',
+      mentionFontLineHeight: 'mention-font-line-height',
+      mentionFallbackFontFamily: 'mention-fallback-font-family'
   };
   const prefix = 'ni-nimble';
   const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
@@ -16885,6 +16894,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');
@@ -16914,6 +16924,7 @@
   const [tooltipCaptionFont, tooltipCaptionFontColor, tooltipCaptionDisabledFontColor, tooltipCaptionFontFamily, tooltipCaptionFontWeight, tooltipCaptionFontSize, tooltipCaptionFontLineHeight, tooltipCaptionFallbackFontFamily] = createFontTokens(tokenNames.tooltipCaptionFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), TooltipCaptionFamily, TooltipCaptionWeight, TooltipCaptionSize, TooltipCaptionLineHeight, TooltipCaptionFallbackFontFamily);
   const [errorTextFont, errorTextFontColor, errorTextDisabledFontColor, errorTextFontFamily, errorTextFontWeight, errorTextFontSize, errorTextFontLineHeight, errorTextFallbackFontFamily] = createFontTokens(tokenNames.errorTextFont, (element) => getFailColorForTheme(element), (element) => hexToRgbaCssColor(getFailColorForTheme(element), 0.3), ErrorLightUiFamily, ErrorLightUiWeight, ErrorLightUiSize, TooltipCaptionLineHeight, ErrorLightUiFallbackFontFamily);
   const [tableHeaderFont, tableHeaderFontColor, tableHeaderDisabledFontColor, tableHeaderFontFamily, tableHeaderFontWeight, tableHeaderFontSize, tableHeaderFontLineHeight, tableHeaderFallbackFontFamily] = createFontTokens(tokenNames.tableHeaderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GridHeaderFamily, GridHeaderWeight, GridHeaderSize, TooltipCaptionLineHeight, GridHeaderFallbackFontFamily);
+  createFontTokens(tokenNames.mentionFont, (element) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyEmphasizedWeight, BodySize, BodyLineHeight, BodyFallbackFontFamily);
   // Font Transform Tokens
   const groupHeaderTextTransform = DesignToken.create(styleNameFromTokenName(tokenNames.groupHeaderTextTransform)).withDefault('uppercase');
   // Animation Tokens
@@ -24207,7 +24218,7 @@
         background: ${applicationBackgroundColor};
         border: ${borderWidth} solid ${popupBorderColor};
         margin: 0;
-        min-width: 176px;
+        min-width: ${menuMinWidth};
         width: max-content;
         box-shadow: ${elevation2BoxShadow};
     }