@ni/nimble-components 20.14.1 → 20.14.3

package/dist/tokens-internal.scss

@@ -272,6 +272,12 @@ $ni-nimble-internal-dialog-large-height: --ni-nimble-dialog-large-height;
 /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-dialog-large-max-height}: <new value>;`.
 $ni-nimble-internal-dialog-large-max-height: --ni-nimble-dialog-large-max-height;
 
+/// Internal property for $ni-nimble-menu-min-width.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-menu-min-width}: <new value>;`.
+$ni-nimble-internal-menu-min-width: --ni-nimble-menu-min-width;
+
 /// Internal property for $ni-nimble-banner-gap-size.
 /// Not intended for general use. If used, inform Nimble squad of use-case.
 /// Used to override a token value (generally making it no longer theme-aware).
@@ -1309,3 +1315,51 @@ $ni-nimble-internal-elevation-3-box-shadow: --ni-nimble-elevation-3-box-shadow;
 /// Used to override a token value (generally making it no longer theme-aware).
 /// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-graph-gridline-color}: <new value>;`.
 $ni-nimble-internal-graph-gridline-color: --ni-nimble-graph-gridline-color;
+
+/// Internal property for $ni-nimble-mention-font.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font}: <new value>;`.
+$ni-nimble-internal-mention-font: --ni-nimble-mention-font;
+
+/// Internal property for $ni-nimble-mention-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font-color}: <new value>;`.
+$ni-nimble-internal-mention-font-color: --ni-nimble-mention-font-color;
+
+/// Internal property for $ni-nimble-mention-disabled-font-color.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-disabled-font-color}: <new value>;`.
+$ni-nimble-internal-mention-disabled-font-color: --ni-nimble-mention-disabled-font-color;
+
+/// Internal property for $ni-nimble-mention-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font-family}: <new value>;`.
+$ni-nimble-internal-mention-font-family: --ni-nimble-mention-font-family;
+
+/// Internal property for $ni-nimble-mention-font-size.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font-size}: <new value>;`.
+$ni-nimble-internal-mention-font-size: --ni-nimble-mention-font-size;
+
+/// Internal property for $ni-nimble-mention-font-weight.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font-weight}: <new value>;`.
+$ni-nimble-internal-mention-font-weight: --ni-nimble-mention-font-weight;
+
+/// Internal property for $ni-nimble-mention-font-line-height.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-font-line-height}: <new value>;`.
+$ni-nimble-internal-mention-font-line-height: --ni-nimble-mention-font-line-height;
+
+/// Internal property for $ni-nimble-mention-fallback-font-family.
+/// Not intended for general use. If used, inform Nimble squad of use-case.
+/// Used to override a token value (generally making it no longer theme-aware).
+/// Requires SCSS interpolation to set, ie `#{$ni-nimble-internal-mention-fallback-font-family}: <new value>;`.
+$ni-nimble-internal-mention-fallback-font-family: --ni-nimble-mention-fallback-font-family;

package/dist/tokens.scss

@@ -140,6 +140,9 @@ $ni-nimble-dialog-large-height: var($ni-nimble-internal-dialog-large-height);
 /// Standard maximum height for large dialogs.
 $ni-nimble-dialog-large-max-height: var($ni-nimble-internal-dialog-large-max-height);
 
+/// Standard menu min width for menu popup.
+$ni-nimble-menu-min-width: var($ni-nimble-internal-menu-min-width);
+
 /// Space between stacked banners
 $ni-nimble-banner-gap-size: var($ni-nimble-internal-banner-gap-size);
 
@@ -658,3 +661,27 @@ $ni-nimble-elevation-3-box-shadow: var($ni-nimble-internal-elevation-3-box-shado
 
 /// Gridline color for graphs
 $ni-nimble-graph-gridline-color: var($ni-nimble-internal-graph-gridline-color);
+
+/// Font shorthand for mention views
+$ni-nimble-mention-font: var($ni-nimble-internal-mention-font);
+
+/// Font color for mention views
+$ni-nimble-mention-font-color: var($ni-nimble-internal-mention-font-color);
+
+/// Disabled font color for mention views
+$ni-nimble-mention-disabled-font-color: var($ni-nimble-internal-mention-disabled-font-color);
+
+/// Font family for mention views
+$ni-nimble-mention-font-family: var($ni-nimble-internal-mention-font-family);
+
+/// Font size for mention views
+$ni-nimble-mention-font-size: var($ni-nimble-internal-mention-font-size);
+
+/// Font weight for mention views
+$ni-nimble-mention-font-weight: var($ni-nimble-internal-mention-font-weight);
+
+/// Font line height for mention views
+$ni-nimble-mention-font-line-height: var($ni-nimble-internal-mention-font-line-height);
+
+/// Fallback font family for mention views
+$ni-nimble-mention-fallback-font-family: var($ni-nimble-internal-mention-fallback-font-family);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "20.14.1",
+  "version": "20.14.3",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",