@ni/nimble-components 8.6.0 → 8.6.1

package/dist/all-components-bundle.js

@@ -12232,7 +12232,7 @@
 
     /**
      * Do not edit directly
-     * Generated on Tue, 01 Mar 2022 15:26:47 GMT
+     * Generated on Tue, 10 May 2022 14:21:51 GMT
      */
     const Warning100DarkUi = "#ff8126";
     const Pass100LightUi = "#009921";
@@ -12315,8 +12315,9 @@
     const BodyEmphasizedLineHeight = "18px";
     const ButtonLabel1LineHeight = "16px";
     const TooltipCaptionLineHeight = "14px";
-    const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
+    const SmallDelay = "0.075s"; // Short animation delay used for control state change animation
     const MediumDelay = "0.15s"; // Medium animation delay for control state change animation
+    const LargeDelay = "0.25s"; // Long animation delay used for control state change animation
 
     const hexCharacters = 'a-f\\d';
     const match3or4Hex = `#?[${hexCharacters}]{3}[${hexCharacters}]?`;
@@ -12686,7 +12687,7 @@
     // Animation Tokens
     const smallDelay = DesignToken.create(styleNameFromTokenName(tokenNames.smallDelay)).withDefault(SmallDelay);
     const mediumDelay = DesignToken.create(styleNameFromTokenName(tokenNames.mediumDelay)).withDefault(MediumDelay);
-    const largeDelay = DesignToken.create(styleNameFromTokenName(tokenNames.largeDelay)).withDefault(250);
+    const largeDelay = DesignToken.create(styleNameFromTokenName(tokenNames.largeDelay)).withDefault(LargeDelay);
     // Private helpers functions
     function hexToRgbPartial(hexValue) {
         const { red, green, blue } = hexRgb(hexValue);
@@ -15401,9 +15402,15 @@
         }
         updateAnimationDuration() {
             const disableAnimations = prefersReducedMotionMediaQuery.matches;
-            this.animationDurationMilliseconds = disableAnimations
-                ? animationDurationWhenDisabledMilliseconds
-                : largeDelay.getValueFor(this);
+            if (disableAnimations) {
+                this.animationDurationMilliseconds = animationDurationWhenDisabledMilliseconds;
+            }
+            else {
+                // string ends in 's' unit specifier
+                const secondsString = largeDelay.getValueFor(this);
+                const secondsNumber = parseFloat(secondsString);
+                this.animationDurationMilliseconds = 1000 * secondsNumber;
+            }
         }
         animateOpening() {
             this.animateOpenClose(true);