@ni/nimble-components 15.3.0 → 15.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15020,7 +15020,7 @@
15020
15020
  const controlHeight = DesignToken.create(styleNameFromTokenName(tokenNames.controlHeight)).withDefault('32px');
15021
15021
  const smallPadding = DesignToken.create(styleNameFromTokenName(tokenNames.smallPadding)).withDefault('4px');
15022
15022
  const standardPadding = DesignToken.create(styleNameFromTokenName(tokenNames.standardPadding)).withDefault('16px');
15023
- const labelHeight = DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
15023
+ DesignToken.create(styleNameFromTokenName(tokenNames.labelHeight)).withDefault('16px');
15024
15024
  const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
15025
15025
  const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
15026
15026
  const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
@@ -17759,10 +17759,6 @@
17759
17759
  ease-in;
17760
17760
  }
17761
17761
 
17762
- :host([location='left']) dialog.closing .dialog-contents {
17763
- animation-direction: reverse;
17764
- }
17765
-
17766
17762
  @keyframes ni-private-drawer-slide-in-right-keyframes {
17767
17763
  0% {
17768
17764
  transform: translate(100%);
@@ -17783,17 +17779,21 @@
17783
17779
  ease-in;
17784
17780
  }
17785
17781
 
17786
- :host([location='right']) dialog.closing .dialog-contents {
17787
- animation-direction: reverse;
17788
- }
17789
-
17790
17782
  @media (prefers-reduced-motion) {
17791
17783
  :host([location='left']) dialog.animating .dialog-contents,
17792
17784
  :host([location='right']) dialog.animating .dialog-contents {
17793
- animation-duration: 1ms;
17785
+ animation: ni-private-drawer-fade-in-keyframes ${largeDelay} ease-in;
17794
17786
  }
17795
17787
  }
17796
17788
 
17789
+ :host([location='left']) dialog.closing .dialog-contents {
17790
+ animation-direction: reverse;
17791
+ }
17792
+
17793
+ :host([location='right']) dialog.closing .dialog-contents {
17794
+ animation-direction: reverse;
17795
+ }
17796
+
17797
17797
  ${
17798
17798
  /*
17799
17799
  Styling for a 3-panel drawer with header, footer, and a content
@@ -20084,7 +20084,6 @@
20084
20084
  outline: none;
20085
20085
  user-select: none;
20086
20086
  color: ${bodyFontColor};
20087
- height: calc(${labelHeight} + ${controlHeight});
20088
20087
  --ni-private-hover-indicator-width: calc(${borderWidth} + 1px);
20089
20088
  --ni-private-height-within-border: calc(
20090
20089
  ${controlHeight} - 2 * ${borderWidth}
@@ -21162,7 +21161,6 @@
21162
21161
  user-select: none;
21163
21162
  --webkit-user-select: none;
21164
21163
  color: ${bodyFontColor};
21165
- height: calc(${labelHeight} + ${controlHeight});
21166
21164
  --ni-private-hover-indicator-width: calc(${borderWidth} + 1px);
21167
21165
  --ni-private-height-within-border: calc(
21168
21166
  ${controlHeight} - 2 * ${borderWidth}