Update nav item height and fix text input cancel icon (#177)

PatoBeltran · web-flow · commit 484bc8a00cbe · 2020-01-29T13:24:27.000-08:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## 7.0.25
+### Changed
+- Update NavItemHeight to align with office fabric command bar fluent update
+
+### Fixed
+- Add font family to text input cancel button to properly display it
+
 ## 7.0.24
 ### Fixed
 - Changed `icon` prop in `ActionTrigger` to be of type `string | ReactNode`
diff --git a/lib/components/Input/TextInput.module.scss b/lib/components/Input/TextInput.module.scss
@@ -94,6 +94,7 @@ $line-height-small: 4*$grid-size;
         pointer-events: none;
         cursor: pointer;
         right: 2*$grid-size;
+        font-family: var(--icon-font-family);
 
         @include rtl {
             right: unset;
diff --git a/lib/components/Navigation/Navigation.tsx b/lib/components/Navigation/Navigation.tsx
@@ -23,7 +23,7 @@ export interface NavigationItemContainerProperties {
     children: React.ReactNode;
 }
 
-const NavItemHeight = 40;
+const NavItemHeight = 44;
 
 export const Navigation = React.memo(({ isExpanded, onClick, attr, children, farBottomChildren }: NavigationProperties) => {    
     const selectedBorderRef = React.createRef<HTMLDivElement>();
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@microsoft/azure-iot-ux-fluent-controls",
-    "version": "7.0.24",
+    "version": "7.0.25",
     "description": "Azure IoT UX Fluent Controls",
     "main": "./lib/index.js",
     "types": "./lib/index.d.ts",
@@ -26,7 +26,7 @@
         "node": ">=8"
     },
     "dependencies": {
-        "@microsoft/azure-iot-ux-fluent-css": "^7.1.0",
+        "@microsoft/azure-iot-ux-fluent-css": "^7.1.1",
         "classnames": "^2.2.5",
         "styled-components": "^4.2.0"
     },

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@ export interface NavigationItemContainerProperties {`
`23`	`23`	`children: React.ReactNode;`
`24`	`24`	`}`
`25`	`25`
`26`		`-const NavItemHeight = 40;`
	`26`	`+const NavItemHeight = 44;`
`27`	`27`
`28`	`28`	`export const Navigation = React.memo(({ isExpanded, onClick, attr, children, farBottomChildren }: NavigationProperties) => {`
`29`	`29`	`const selectedBorderRef = React.createRef<HTMLDivElement>();`