diff --git a/common/changes/office-ui-fabric-react/nav-customizer-5165_2018-06-27-22-41.json b/common/changes/office-ui-fabric-react/nav-customizer-5165_2018-06-27-22-41.json new file mode 100644 index 00000000000000..ddbd23f69007ef --- /dev/null +++ b/common/changes/office-ui-fabric-react/nav-customizer-5165_2018-06-27-22-41.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Added arguments to styled function to allow the Customizer component to affect Nav", + "type": "minor" + } + ], + "packageName": "office-ui-fabric-react", + "email": "v-brgarl@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx b/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx index 3d6358dededbd7..8bcf33bcacb754 100644 --- a/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx +++ b/packages/office-ui-fabric-react/src/components/Nav/Nav.base.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { BaseComponent, classNamesFunction, customizable, divProperties, getNativeProps } from '../../Utilities'; +import { BaseComponent, classNamesFunction, divProperties, getNativeProps } from '../../Utilities'; import { FocusZone, FocusZoneDirection } from '../../FocusZone'; import { ActionButton } from '../../Button'; import { Icon } from '../../Icon'; @@ -28,7 +28,6 @@ export interface INavState { selectedKey?: string; } -@customizable('Nav', ['theme', 'styles']) export class NavBase extends BaseComponent implements INav { public static defaultProps: INavProps = { groups: null diff --git a/packages/office-ui-fabric-react/src/components/Nav/Nav.tsx b/packages/office-ui-fabric-react/src/components/Nav/Nav.tsx index 6cec2232967ed5..726edf29a21b4e 100644 --- a/packages/office-ui-fabric-react/src/components/Nav/Nav.tsx +++ b/packages/office-ui-fabric-react/src/components/Nav/Nav.tsx @@ -3,4 +3,4 @@ import { INavProps, INavStyleProps, INavStyles } from './Nav.types'; import { NavBase } from './Nav.base'; import { getStyles } from './Nav.styles'; -export const Nav = styled(NavBase, getStyles); +export const Nav = styled(NavBase, getStyles, undefined, { scope: 'Nav' });