Brand - new backgroundColour & logoColour props

[sareh]

No ticket
A new brand colour will be needed shortly: #2120

We could build a theming object and pass that in, but in the case of Brand it's simpler to pass in just these two props instead.

Overall change: Update brand to take in colour props backgroundColour & logoColour. These are required props since there is no default colour, so this is a major version increase.

Code changes:

• Update brand to take in colour props backgroundColour & logoColour
• Add color storybook addon knob to change backgroundColour & logoColour

Storybook with standard colours:

Can change the colours using the Storybook color add-on knob

Localhost Storybook link: http://localhost:8180/?path=/story/components-brand--with-brand-link

---

• I have assigned myself to this PR and the corresponding issues
• Automated (jest and/or cypress) tests added (for new features) or updated (for existing features)
• This PR requires manual testing

[DenisHdz]

LGTM, but what about adding the color addon so we can also change the colors from the Storybook?

import {  color } from '@storybook/addon-knobs';
const backgroundColour = color('POSTBOX', `${C_POSTBOX}`);
const logoColour = color('WHITE', `${C_WHITE}`);

[sareh]

Thanks. Have updated it. I used the labels Background colour and Logo colour to keep them in keeping with the other knob labels that refer to the prop name.

[DenisHdz]

LGTM :)

[EinsteinNjoroge]

LGTM

[staylos92]

Happy for this to be merged 👍