diff --git a/packages/experiments/src/components/signals/Signal.tsx b/packages/experiments/src/components/signals/Signal.tsx index c3dc8e9f98a56b..6a14c2f929c74a 100644 --- a/packages/experiments/src/components/signals/Signal.tsx +++ b/packages/experiments/src/components/signals/Signal.tsx @@ -1,10 +1,7 @@ import * as React from 'react'; import { css } from 'office-ui-fabric-react/lib/Utilities'; -import * as SignalStylesModule from './Signal.scss'; - -// tslint:disable-next-line:no-any -const SignalStyles: any = SignalStylesModule; +import * as SignalStyles from './Signal.scss'; export interface ISignalProps extends React.HTMLAttributes { ariaLabel?: string; diff --git a/packages/experiments/src/components/signals/SignalField.tsx b/packages/experiments/src/components/signals/SignalField.tsx index 57ad06bfb639eb..f230103b1cef92 100644 --- a/packages/experiments/src/components/signals/SignalField.tsx +++ b/packages/experiments/src/components/signals/SignalField.tsx @@ -1,10 +1,7 @@ import * as React from 'react'; import { css } from 'office-ui-fabric-react/lib/Utilities'; -import * as SignalFieldStylesModule from './SignalField.scss'; - -// tslint:disable-next-line:no-any -const SignalFieldStyles: any = SignalFieldStylesModule; +import * as SignalFieldStyles from './SignalField.scss'; export type SignalFieldMode = 'wide' | 'compact'; diff --git a/packages/experiments/src/components/signals/Signals.scss b/packages/experiments/src/components/signals/Signals.scss index 27e26f55227a23..6ce804cd581136 100644 --- a/packages/experiments/src/components/signals/Signals.scss +++ b/packages/experiments/src/components/signals/Signals.scss @@ -157,3 +157,15 @@ i.emailed { color: $ms-color-black; } } + +.record { + color: $ms-color-neutralSecondary; + + .selected & { + color: $ms-color-black; + } +} + +.liveEdit { + display: none; // Not implemented. +} diff --git a/packages/experiments/src/components/signals/Signals.tsx b/packages/experiments/src/components/signals/Signals.tsx index 26844a2d5599d5..66844fbb0f90ef 100644 --- a/packages/experiments/src/components/signals/Signals.tsx +++ b/packages/experiments/src/components/signals/Signals.tsx @@ -3,13 +3,8 @@ import * as React from 'react'; import { Icon } from 'office-ui-fabric-react/lib/Icon'; import { css } from 'office-ui-fabric-react/lib/Utilities'; import { Signal, ISignalProps } from './Signal'; -import * as SignalsStylesModule from './Signals.scss'; -import * as SignalStylesModule from './Signal.scss'; - -// tslint:disable-next-line:no-any -const SignalsStyles = SignalsStylesModule as any; -// tslint:disable-next-line:no-any -const SignalStyles = SignalStylesModule as any; +import * as SignalsStyles from './Signals.scss'; +import * as SignalStyles from './Signal.scss'; export * from './Signal'; export * from './SignalField'; @@ -18,9 +13,9 @@ export const YouCheckedOutSignal: Signal = (props: ISignalProps): JSX.Element => return ( // TODO get correct icon + /> ); }; @@ -245,21 +240,11 @@ export const ATPSignal: Signal = MalwareDetectedSignal; // TODO Delete on next m * Renders a signal for an external item. */ export const ExternalSignal: Signal = (props: ISignalProps): JSX.Element => { - const { - ariaLabel, - ...spanProps - } = props; - return ( - - - + ); };