#316 - Removed color property

Author: estruyf

docs/documentation/docs/controls/WebPartTitle.md

@@ -93,6 +93,7 @@ The WebPartTitle control can be configured with the following properties:
 | updateProperty | Function | yes | Function that you can pass to update the title in the root web part. |
 | className | string | no | Optional property to specify a custom class that allows you to change the web part title style. |
 | placeholder | string | no | Optional property to specify a custom placeholder to display when the title is editable. |
-| moreLink    | Function \| JSX.Element | no | Optional property to render a _See all_ link in the web part title. |
+| themeVariant | IReadonlyTheme | no | The current loaded SharePoint theme/section background (More info: [Supporting section backgrounds](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds)). |
+| moreLink | Function \| JSX.Element | no | Optional property to render a _See all_ link in the web part title. |
 
 ![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/WebPartTitle)

src/controls/webPartTitle/WebPartTitle.test.tsx

@@ -89,12 +89,6 @@ describe('<WebPartTitle />', () => {
     done();
   });
 
-  it('Check color is used if specified', (done) => {
-    webparttitle = mount(<WebPartTitle displayMode={DisplayMode.Edit} title={dummyTitle} updateProperty={dummyUpdateFnc} color={dummyColor} />);
-    expect(webparttitle.find(`div.${styles.webPartTitle}`).prop('style')).property("color").to.equal(dummyColor);
-    done();
-  });
-
   it('Check theme\'s color is used if specified', (done) => {
     webparttitle = mount(<WebPartTitle displayMode={DisplayMode.Edit} title={dummyTitle} updateProperty={dummyUpdateFnc} themeVariant={{ semanticColors: { bodyText: dummyColor }}} />);
     expect(webparttitle.find(`div.${styles.webPartTitle}`).prop('style')).property("color").to.equal(dummyColor);

src/controls/webPartTitle/WebPartTitle.tsx

@@ -12,7 +12,6 @@ export interface IWebPartTitleProps {
   placeholder?: string;
   moreLink?: JSX.Element | Function;
   themeVariant?: any; // TODO: type should be IReadonlyTheme from @microsoft/sp-component-base
-  color?: string;
 }
 
 /**
@@ -46,8 +45,7 @@ export class WebPartTitle extends React.Component<IWebPartTitleProps, {}> {
    */
   public render(): React.ReactElement<IWebPartTitleProps> {
 
-    const color: string = (!!this.props.themeVariant && this.props.themeVariant.semanticColors.bodyText)
-      || this.props.color || null;
+    const color: string = (!!this.props.themeVariant && this.props.themeVariant.semanticColors.bodyText) || null;
 
     if (this.props.title || this.props.moreLink || this.props.displayMode === DisplayMode.Edit) {
       return (