@ni/nimble-components 22.1.0 → 23.0.0

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Mon, 18 Mar 2024 16:55:50 GMT
+   * Generated on Thu, 21 Mar 2024 16:56:48 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16334,6 +16334,8 @@
   const ControlLabel1Weight = "600";
   const BodyFamily = "Source Sans Pro";
   const BodyWeight = "400";
+  const Body2Family = "Source Sans Pro";
+  const Body2Weight = "400";
   const GroupLabel1Family = "Source Sans Pro";
   const GroupLabel1Weight = "600";
   const ButtonLabel1Family = "Source Sans Pro";
@@ -16367,6 +16369,7 @@
   const Title2Size = "22px";
   const ControlLabel1Size = "11px";
   const BodySize = "14px";
+  const Body2Size = "16px";
   const GroupLabel1Size = "11px";
   const ButtonLabel1Size = "12.800000190734863px";
   const Title1Size = "19px";
@@ -16383,6 +16386,7 @@
   const ErrorLightUiSize = "11px";
   const GridHeaderSize = "12.800000190734863px";
   const BodyLineHeight = "18px";
+  const Body2LineHeight = "16px";
   const ControlLabel1LineHeight = "16px";
   const GroupLabel1LineHeight = "16px";
   const Headline2LineHeight = "40px";
@@ -16595,22 +16599,6 @@
       placeholderFontWeight: 'placeholder-font-weight',
       placeholderFontLineHeight: 'placeholder-font-line-height',
       placeholderFallbackFontFamily: 'placeholder-fallback-font-family',
-      bodyEmphasizedFont: 'body-emphasized-font',
-      bodyEmphasizedFontColor: 'body-emphasized-font-color',
-      bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
-      bodyEmphasizedFontFamily: 'body-emphasized-font-family',
-      bodyEmphasizedFontSize: 'body-emphasized-font-size',
-      bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
-      bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
-      bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
-      bodyEmphasizedPlus1Font: 'body-emphasized-plus-1-font',
-      bodyEmphasizedPlus1FontColor: 'body-emphasized-plus-1-font-color',
-      bodyEmphasizedPlus1DisabledFontColor: 'body-emphasized-plus-1-disabled-font-color',
-      bodyEmphasizedPlus1FontFamily: 'body-emphasized-plus-1-font-family',
-      bodyEmphasizedPlus1FontSize: 'body-emphasized-plus-1-font-size',
-      bodyEmphasizedPlus1FontWeight: 'body-emphasized-plus-1-font-weight',
-      bodyEmphasizedPlus1FontLineHeight: 'body-emphasized-plus-1-font-line-height',
-      bodyEmphasizedPlus1FallbackFontFamily: 'body-emphasized-plus-1-fallback-font-family',
       bodyFont: 'body-font',
       bodyFontColor: 'body-font-color',
       bodyDisabledFontColor: 'body-disabled-font-color',
@@ -16619,6 +16607,30 @@
       bodyFontWeight: 'body-font-weight',
       bodyFontLineHeight: 'body-font-line-height',
       bodyFallbackFontFamily: 'body-fallback-font-family',
+      bodyEmphasizedFont: 'body-emphasized-font',
+      bodyEmphasizedFontColor: 'body-emphasized-font-color',
+      bodyEmphasizedDisabledFontColor: 'body-emphasized-disabled-font-color',
+      bodyEmphasizedFontFamily: 'body-emphasized-font-family',
+      bodyEmphasizedFontSize: 'body-emphasized-font-size',
+      bodyEmphasizedFontWeight: 'body-emphasized-font-weight',
+      bodyEmphasizedFontLineHeight: 'body-emphasized-font-line-height',
+      bodyEmphasizedFallbackFontFamily: 'body-emphasized-fallback-font-family',
+      bodyPlus1Font: 'body-plus-1-font',
+      bodyPlus1FontColor: 'body-plus-1-font-color',
+      bodyPlus1DisabledFontColor: 'body-plus-1-disabled-font-color',
+      bodyPlus1FontFamily: 'body-plus-1-font-family',
+      bodyPlus1FontSize: 'body-plus-1-font-size',
+      bodyPlus1FontWeight: 'body-plus-1-font-weight',
+      bodyPlus1FontLineHeight: 'body-plus-1-font-line-height',
+      bodyPlus1FallbackFontFamily: 'body-plus-1-fallback-font-family',
+      bodyPlus1EmphasizedFont: 'body-plus-1-emphasized-font',
+      bodyPlus1EmphasizedFontColor: 'body-plus-1-emphasized-font-color',
+      bodyPlus1EmphasizedDisabledFontColor: 'body-plus-1-emphasized-disabled-font-color',
+      bodyPlus1EmphasizedFontFamily: 'body-plus-1-emphasized-font-family',
+      bodyPlus1EmphasizedFontSize: 'body-plus-1-emphasized-font-size',
+      bodyPlus1EmphasizedFontWeight: 'body-plus-1-emphasized-font-weight',
+      bodyPlus1EmphasizedFontLineHeight: 'body-plus-1-emphasized-font-line-height',
+      bodyPlus1EmphasizedFallbackFontFamily: 'body-plus-1-emphasized-fallback-font-family',
       groupHeaderFont: 'group-header-font',
       groupHeaderFontColor: 'group-header-font-color',
       groupHeaderDisabledFontColor: 'group-header-disabled-font-color',
@@ -16854,6 +16866,7 @@
   const LinkFallbackFontFamily = 'Source Sans Pro Fallback';
   const PlaceholderFallbackFontFamily = 'Source Sans Pro Fallback';
   const BodyFallbackFontFamily = 'Source Sans Pro Fallback';
+  const Body2FallbackFontFamily = 'Source Sans Pro Fallback';
   const BodyEmphasizedFallbackFontFamily = 'Source Sans Pro Fallback';
   const BodyEmphasized2FallbackFontFamily = 'Source Sans Pro Fallback';
   const GroupLabel1FallbackFontFamily = 'Source Sans Pro Fallback';
@@ -16937,9 +16950,10 @@
   const [linkProminentFont, linkProminentFontColor, linkProminentDisabledFontColor, linkProminentFontFamily, linkProminentFontWeight, linkProminentFontSize, linkProminentFontLineHeight, linkProminentFallbackFontFamily] = createFontTokens(tokenNames.linkProminentFont, (element) => getColorForTheme(element, DigitalGreenDark, PowerGreen, PowerGreen), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
   const [linkActiveProminentFont, linkActiveProminentFontColor, linkActiveProminentDisabledFontColor, linkActiveProminentFontFamily, linkActiveProminentFontWeight, linkActiveProminentFontSize, linkActiveProminentFontLineHeight, linkActiveProminentFallbackFontFamily] = createFontTokens(tokenNames.linkActiveProminentFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), LinkLightUiFamily, LinkLightUiWeight, LinkLightUiSize, LinkLineHeight, LinkFallbackFontFamily);
   const [placeholderFont, placeholderFontColor, placeholderDisabledFontColor, placeholderFontFamily, placeholderFontWeight, placeholderFontSize, placeholderFontLineHeight, placeholderFallbackFontFamily] = createFontTokens(tokenNames.placeholderFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), PlaceholderFamily, PlaceholderWeight, PlaceholderSize, PlaceholderLineHeight, PlaceholderFallbackFontFamily);
-  const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight, bodyEmphasizedFallbackFontFamily] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight, BodyEmphasizedFallbackFontFamily);
-  createFontTokens(tokenNames.bodyEmphasizedPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight, BodyEmphasized2FallbackFontFamily);
   const [bodyFont, bodyFontColor, bodyDisabledFontColor, bodyFontFamily, bodyFontWeight, bodyFontSize, bodyFontLineHeight, bodyFallbackFontFamily] = createFontTokens(tokenNames.bodyFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyFamily, BodyWeight, BodySize, BodyLineHeight, BodyFallbackFontFamily);
+  const [bodyEmphasizedFont, bodyEmphasizedFontColor, bodyEmphasizedDisabledFontColor, bodyEmphasizedFontFamily, bodyEmphasizedFontWeight, bodyEmphasizedFontSize, bodyEmphasizedFontLineHeight, bodyEmphasizedFallbackFontFamily] = createFontTokens(tokenNames.bodyEmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasizedFamily, BodyEmphasizedWeight, BodyEmphasizedSize, BodyEmphasizedLineHeight, BodyEmphasizedFallbackFontFamily);
+  createFontTokens(tokenNames.bodyPlus1Font, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), Body2Family, Body2Weight, Body2Size, Body2LineHeight, Body2FallbackFontFamily);
+  createFontTokens(tokenNames.bodyPlus1EmphasizedFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), BodyEmphasized2Family, BodyEmphasized2Weight, BodyEmphasized2Size, BodyEmphasized2LineHeight, BodyEmphasized2FallbackFontFamily);
   const [groupHeaderFont, groupHeaderFontColor, groupHeaderDisabledFontColor, groupHeaderFontFamily, groupHeaderFontWeight, groupHeaderFontSize, groupHeaderFontLineHeight, groupHeaderFallbackFontFamily] = createFontTokens(tokenNames.groupHeaderFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), GroupLabel1Family, GroupLabel1Weight, GroupLabel1Size, GroupLabel1LineHeight, GroupLabel1FallbackFontFamily);
   const [controlLabelFont, controlLabelFontColor, controlLabelDisabledFontColor, controlLabelFontFamily, controlLabelFontWeight, controlLabelFontSize, controlLabelFontLineHeight, controlLabelFallbackFontFamily] = createFontTokens(tokenNames.controlLabelFont, (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.6), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ControlLabel1Family, ControlLabel1Weight, ControlLabel1Size, ControlLabel1LineHeight, ControlLabel1FallbackFontFamily);
   const [buttonLabelFont, buttonLabelFontColor, buttonLabelDisabledFontColor, buttonLabelFontFamily, buttonLabelFontWeight, buttonLabelFontSize, buttonLabelFontLineHeight, buttonLabelFallbackFontFamily] = createFontTokens(tokenNames.buttonLabelFont, (element) => getDefaultFontColorForTheme(element), (element) => hexToRgbaCssColor(getDefaultFontColorForTheme(element), 0.3), ButtonLabel1Family, ButtonLabel1Weight, ButtonLabel1Size, ButtonLabel1LineHeight, ButtonLabel1FallbackFontFamily);
@@ -21222,21 +21236,6 @@
           this.emitChangeIfValueUpdated();
           return returnValue;
       }
-      /**
-       * @internal
-       */
-      registerOption(option) {
-          if (this.options.includes(option)) {
-              return;
-          }
-          // Adding an option to the end, ultimately, isn't the correct
-          // thing to do, as this will mean the option's index in the options,
-          // at least temporarily, does not match the DOM order. However, it
-          // is expected that a successive run of `slottedOptionsChanged` will
-          // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
-          // for more info.
-          this.options.push(option);
-      }
       focusAndScrollOptionIntoView() {
           if (this.open) {
               super.focusAndScrollOptionIntoView();