@ni/nimble-components 19.1.2 → 19.2.0

package/dist/all-components-bundle.js

@@ -16232,7 +16232,7 @@
 
     /**
      * Do not edit directly
-     * Generated on Tue, 23 May 2023 20:04:01 GMT
+     * Generated on Fri, 02 Jun 2023 07:34:22 GMT
      */
     const Information100DarkUi = "#a46eff";
     const Information100LightUi = "#804ad9";
@@ -16560,7 +16560,8 @@
         tableRowBorderColor: 'table-row-border-color',
         elevation1BoxShadow: 'elevation-1-box-shadow',
         elevation2BoxShadow: 'elevation-2-box-shadow',
-        elevation3BoxShadow: 'elevation-3-box-shadow'
+        elevation3BoxShadow: 'elevation-3-box-shadow',
+        graphGridlineColor: 'graph-gridline-color'
     };
     const prefix = 'ni-nimble';
     const styleNameFromTokenName = (tokenName) => `${prefix}-${tokenName}`;
@@ -16710,6 +16711,7 @@
     const iconColor = DesignToken.create(styleNameFromTokenName(tokenNames.iconColor)).withDefault((element) => getColorForTheme(element, Black91, Black15, White));
     DesignToken.create(styleNameFromTokenName(tokenNames.modalBackdropColor)).withDefault((element) => getModalBackdropForTheme(element));
     const popupBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.popupBorderColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.3));
+    DesignToken.create(styleNameFromTokenName(tokenNames.graphGridlineColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));
     DesignToken.create(styleNameFromTokenName(tokenNames.tooltipBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black85, ForestGreen));
     const tableRowBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.tableRowBorderColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
     // Component Sizing Tokens
@@ -20531,6 +20533,25 @@
             this.errorVisible = false;
             this.valueUpdatedByInput = false;
         }
+        get value() {
+            return super.value;
+        }
+        // This override is to work around an issue in FAST where an old filter value
+        // is used after programmatically setting the value property.
+        // See: https://github.com/microsoft/fast/issues/6749
+        set value(next) {
+            super.value = next;
+            if (!this.valueUpdatedByInput) {
+                // Workaround using index notation to manipulate private member
+                // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749
+                // eslint-disable-next-line @typescript-eslint/dot-notation
+                this['filter'] = '';
+                this.filterOptions();
+                this.selectedIndex = this.options
+                    .map(option => option.text)
+                    .indexOf(this.value);
+            }
+        }
         // Workaround for https://github.com/microsoft/fast/issues/5123
         setPositioning() {
             if (!this.$fastController.isConnected) {
@@ -20591,8 +20612,8 @@
             if (!this.valueUpdatedByInput) {
                 this.valueBeforeTextUpdate = this.value;
             }
-            this.value = this.control.value;
             this.valueUpdatedByInput = true;
+            this.value = this.control.value;
             return returnValue;
         }
         // eslint-disable-next-line @typescript-eslint/no-invalid-void-type