diff --git a/CHANGELOG.md b/CHANGELOG.md index d103086e33..6ce9ab6f77 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,7 +3,8 @@ | Version | Description | |---------|-------------| -| 4.0.58 | [PR#4202](https://github.com/bbc/psammead/pull/4202) Talos - Bump Dependencies - @bbc/psammead-radio-schedule | +| 4.0.59 | [PR#4202](https://github.com/bbc/psammead/pull/4202) Talos - Bump Dependencies - @bbc/psammead-radio-schedule | +| 4.0.58 | [PR#4211](https://github.com/bbc/psammead/pull/4211) Talos - Bump Dependencies - @bbc/psammead-storybook-helpers | | 4.0.57 | [PR#4198](https://github.com/bbc/psammead/pull/4198) Talos - Bump Dependencies - @bbc/psammead-brand, @bbc/psammead-bulletin, @bbc/psammead-episode-list, @bbc/psammead-media-player, @bbc/psammead-most-read, @bbc/psammead-radio-schedule, @bbc/psammead-timestamp-container | | 4.0.56 | [PR#4199](https://github.com/bbc/psammead/pull/4199) Talos - Bump Dependencies - @bbc/psammead-storybook-helpers | | 4.0.55 | [PR#4197](https://github.com/bbc/psammead/pull/4197) Talos - Bump Dependencies - @bbc/psammead-brand, @bbc/psammead-bulleted-list, @bbc/psammead-bulletin, @bbc/psammead-byline, @bbc/psammead-caption, @bbc/psammead-consent-banner, @bbc/psammead-copyright, @bbc/psammead-embed-error, @bbc/psammead-episode-list, @bbc/psammead-grid, @bbc/psammead-heading-index, @bbc/psammead-headings, @bbc/psammead-image-placeholder, @bbc/psammead-inline-link, @bbc/psammead-live-label, @bbc/psammead-media-player, @bbc/psammead-media-indicator, @bbc/psammead-most-read, @bbc/psammead-navigation, @bbc/psammead-paragraph, @bbc/psammead-play-button, @bbc/psammead-radio-schedule, @bbc/psammead-script-link, @bbc/psammead-section-label, @bbc/psammead-sitewide-links, @bbc/psammead-social-embed, @bbc/psammead-story-promo, @bbc/psammead-story-promo-list, @bbc/psammead-timestamp, @bbc/psammead-useful-links | diff --git a/package-lock.json b/package-lock.json index 13397916f2..565a75f596 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1964,9 +1964,9 @@ } }, "@bbc/psammead-storybook-helpers": { - "version": "9.0.6", - "resolved": "https://registry.npmjs.org/@bbc/psammead-storybook-helpers/-/psammead-storybook-helpers-9.0.6.tgz", - "integrity": "sha512-91CC9fXQrYy3CCRhE5YMuOnwru6X9JdB5rUbDgJR+N52SZlYgCZhi/XghfKZbTgH4c3rBKOk07tqEL12cV/5Tw==", + "version": "9.0.7", + "resolved": "https://registry.npmjs.org/@bbc/psammead-storybook-helpers/-/psammead-storybook-helpers-9.0.7.tgz", + "integrity": "sha512-SppUzTQh9MYz4ifZ2XUQ/hgI1UPD5M4KOq024LKLdsw04/JlbzCsyPC0KXLYoeAGm6yt9xFUFGmPreIcUZyGKA==", "dev": true, "requires": { "@bbc/gel-foundations": "^6.0.0", diff --git a/package.json b/package.json index cb0dd3932d..18c858509c 100644 --- a/package.json +++ b/package.json @@ -96,7 +96,7 @@ "@bbc/psammead-social-embed": "^3.1.3", "@bbc/psammead-story-promo": "^8.0.8", "@bbc/psammead-story-promo-list": "^6.0.6", - "@bbc/psammead-storybook-helpers": "^9.0.6", + "@bbc/psammead-storybook-helpers": "^9.0.7", "@bbc/psammead-styles": "^7.0.2", "@bbc/psammead-test-helpers": "^5.0.1", "@bbc/psammead-timestamp": "^4.0.7", diff --git a/packages/utilities/psammead-storybook-helpers/CHANGELOG.md b/packages/utilities/psammead-storybook-helpers/CHANGELOG.md index d8e2d17e17..bc2e701b13 100644 --- a/packages/utilities/psammead-storybook-helpers/CHANGELOG.md +++ b/packages/utilities/psammead-storybook-helpers/CHANGELOG.md @@ -3,6 +3,7 @@ | Version | Description | |---------|-------------| +| 9.0.7 | [PR#4203](https://github.com/bbc/psammead/pull/4203) Adds another brand colour to service knob and export the colours | | 9.0.6 | [PR#4190](https://github.com/bbc/psammead/pull/4190) Add brand colours and services in text-variants | | 9.0.5 | [PR#4191](https://github.com/bbc/psammead/pull/4191) remove use of deprecated waitForDomChange | | 9.0.4 | [PR#4052](https://github.com/bbc/psammead/pull/4052) Talos - Bump Dependencies - @bbc/gel-foundations | diff --git a/packages/utilities/psammead-storybook-helpers/package-lock.json b/packages/utilities/psammead-storybook-helpers/package-lock.json index f53e8cdd55..82218f920c 100644 --- a/packages/utilities/psammead-storybook-helpers/package-lock.json +++ b/packages/utilities/psammead-storybook-helpers/package-lock.json @@ -1,6 +1,6 @@ { "name": "@bbc/psammead-storybook-helpers", - "version": "9.0.6", + "version": "9.0.7", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/packages/utilities/psammead-storybook-helpers/package.json b/packages/utilities/psammead-storybook-helpers/package.json index 7e0d998b91..0e26732f6d 100644 --- a/packages/utilities/psammead-storybook-helpers/package.json +++ b/packages/utilities/psammead-storybook-helpers/package.json @@ -1,6 +1,6 @@ { "name": "@bbc/psammead-storybook-helpers", - "version": "9.0.6", + "version": "9.0.7", "main": "dist/index.js", "module": "esm/index.js", "sideEffects": false, diff --git a/packages/utilities/psammead-storybook-helpers/src/text-variants.js b/packages/utilities/psammead-storybook-helpers/src/text-variants.js index 045fc8e691..bf7d604b98 100644 --- a/packages/utilities/psammead-storybook-helpers/src/text-variants.js +++ b/packages/utilities/psammead-storybook-helpers/src/text-variants.js @@ -1,6 +1,7 @@ const DEFAULT_BRAND_BACKGROUND_COLOUR = '#B80000'; -const DEFAULT_BRAND_FORGROUND_COLOUR = '#FFFFFF'; +const DEFAULT_BRAND_FOREGROUND_COLOUR = '#FDFDFD'; const DEFAULT_BRAND_BORDER_COLOUR = '#EAB3B3'; +const DEFAULT_BRAND_HIGHLIGHT_COLOUR = '#FFFFFF'; const TEXT_VARIANTS = { afaanoromoo: { @@ -12,8 +13,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Addis_Ababa', articlePath: '/afaanoromoo/articles/c4g19kgl85ko', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, afrique: { text: "La femme qui s'est volatilisée après avoir arnaqué le monde", @@ -24,8 +26,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/afrique/articles/cz216x22106o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, amharic: { text: 'እንግሊዝ ከሩስያ ጦርነት ከገጠመች ከጦር መሣሪያ ውጭ ትሆናለች', @@ -36,8 +39,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Addis_Ababa', articlePath: '/amharic/articles/c3rykrrvy19o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, arabic: { text: 'لماذا يخجل البعض من اسم قريته في مصر؟', @@ -49,8 +53,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/arabic/articles/c1er5mjnznzo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, azeri: { text: 'Azərbaycanın siyasi ailələrinin ikinci evi – İngiltərə', @@ -61,8 +66,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Baku', articlePath: '/azeri/articles/c5k08pqnzexo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, bengali: { text: 'ভিসা ফুরিয়ে যাওয়ায় ক্রিকেটার সাইফের জরিমানা', @@ -73,8 +79,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Dhaka', articlePath: '/bengali/articles/c6p3yp5zzmeo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, burmese: { text: 'အောက်စဖို့ဒ် ဆရာတော် ပါမောက္ခ ဒေါက်တာအရှင်ဓမ္မသာမိ', @@ -85,8 +92,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/burmese/articles/c3w1kwwmm5yo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, cymrufyw: { text: 'Prif hyfforddwr y Gleision yn gadael y rhanbarth', @@ -97,8 +105,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/cymrufyw/articles/cn7k01xp8kxo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, gahuza: { text: "Umukate n'isoda vyatumye amenya ko afise umugera wa SIDA", @@ -109,8 +118,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/gahuza/articles/cey23zx8wx8o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, gujarati: { text: 'જીતેન્દ્રસિંહ મૂળ ઉત્તર પ્રદેશના ફિરોઝાબાદના', @@ -121,8 +131,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kolkata', articlePath: '/gujarati/articles/cr5el5kw591o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, hausa: { text: 'Bayanin Ganduje kan ayyukan Gama', @@ -133,8 +144,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/hausa/articles/c2nr6xqmnewo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, hindi: { text: 'भारतीय खाने पर दुनिया में क्यों छिड़ी बहस', @@ -145,8 +157,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kolkata', articlePath: '/hindi/articles/c0469479x9xo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, igbo: { text: 'Etu e si achụ nwaanyị taa na mgbe gboo', @@ -157,8 +170,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Lagos', articlePath: '/igbo/articles/cr1lw620ygjo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, indonesia: { text: @@ -170,8 +184,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Jakarta', articlePath: '/indonesia/articles/c0q2zq8pzvzo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, japanese: { text: '度目の採決認めなかった理由は', @@ -182,8 +197,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Tokyo', articlePath: '/japanese/articles/c693w95w0mko', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, korean: { text: '마이크 폼페이오 미국 국무장관', @@ -194,8 +210,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Seoul', articlePath: '/korean/articles/cpv9kv2yzk6o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, kyrgyz: { text: 'Казакстан Назарбаевден башка президентти көрө', @@ -206,8 +223,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/kyrgyz/articles/c3xd4xg3rm9o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, marathi: { text: 'तो फोटो मुंबईकर आजही विसरू शकलेले नाहीत.', @@ -218,8 +236,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kolkata', articlePath: '/marathi/articles/cp47g4myxz7o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, mundo: { text: 'Lo que todos podemos aprender de esta foto de un hombre', @@ -230,8 +249,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/mundo/articles/ce42wzqr2mko', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, naidheachdan: { text: 'Bana-chroitear òg sna Hearadh agus an turas sònraichte aice', @@ -242,8 +262,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/naidheachdan/articles/cn7k01xp8kxo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, nepali: { text: "नेपाललाई तीनवटा जलमार्ग प्रयोग गर्न दिन भारत 'सहमत", @@ -254,8 +275,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kathmandu', articlePath: '/nepali/articles/cl90j9m3mn6o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, news: { text: 'Could a computer ever create better art than a human?', @@ -266,8 +288,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/news/articles/cn7k01xp8kxo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, newsround: { text: 'Could a computer ever create better art than a human?', @@ -278,8 +301,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/newsround/articles/cn7k01xp8kxo', brandBackgroundColour: '#6C22D6', - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: '#9159A8', + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, optimobase: { text: 'Could a computer ever create better art than a human?', @@ -290,8 +314,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/optimobase/articles/cn7k01xp8kxo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, pashto: { text: @@ -304,8 +329,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/pashto/articles/cyjmdl92z3ro', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, persian: { text: @@ -318,8 +344,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/persian/articles/cej3lzd5e0go', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, pidgin: { text: 'Tins you need to know about Babcock University', @@ -330,8 +357,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Lagos', articlePath: '/pidgin/articles/cwl08rd38l6o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, portuguese: { text: 'Como dormir melhor (e em menos tempo)', @@ -342,8 +370,9 @@ const TEXT_VARIANTS = { timezone: 'America/Sao_Paulo', articlePath: '/portuguese/articles/cd61pm8gzmpo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, punjabi: { text: 'ਲਾਲ ਰਾਜਮਾਂਹ ਤੇ ਸੋਇਆਬੀਨ ਸਣੇ ਖਾਣ ਦੀਆਂ 5 ‘ਖ਼ਤਰਨਾਕ’ ਚੀਜ਼ਾਂ', @@ -354,8 +383,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kolkata', articlePath: '/punjabi/articles/c0l79lr39qyo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, russian: { text: 'Последняя воля: чем тронуло мир фото умирающего американца?', @@ -366,8 +396,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/russian/articles/ck7pz7re3zgo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, serbianCyr: { service: 'serbian', @@ -380,8 +411,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/serbian/articles/c805k05kr73o/cyr', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, serbianLat: { service: 'serbian', @@ -394,8 +426,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/serbian/articles/c805k05kr73o/lat', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, sinhala: { text: 'සිවිල් යුද ගැටුම් හමුවේ කොටු වී සිටි සිවිල් වැසියන්', @@ -406,8 +439,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/sinhala/articles/c45w255zlexo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, somali: { text: @@ -419,8 +453,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Mogadishu', articlePath: '/somali/articles/cgn6emk3jm8o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, sport: { text: 'Could a computer ever create better art than a human?', @@ -431,8 +466,9 @@ const TEXT_VARIANTS = { timezone: 'Europe/London', articlePath: '/sport/articles/cn7k01xp8kxo', brandBackgroundColour: '#FFD230', - brandForegroundColour: '#000000', - brandBorderColour: '#FCDF69', + brandForegroundColour: '#121212', + brandBorderColour: '#BB9A31', + brandHighlightColour: '#000000', }, swahili: { text: 'Tetesi za soka Ulaya Jumatano tarehe 27.11.2019', @@ -443,8 +479,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Nairobi', articlePath: '/swahili/articles/czjqge2jwn2o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, tamil: { text: @@ -456,8 +493,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/tamil/articles/cwl08ll3me8o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, telugu: { text: @@ -469,8 +507,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Kolkata', articlePath: '/telugu/articles/cq0y4008d4vo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, thai: { text: 'ภาพวาดของตำรวจจากใบหน้าผู้เสียชีวิต', @@ -481,8 +520,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Bangkok', articlePath: '/thai/articles/c3qxeqm7ldjo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, tigrinya: { text: 'ዓብዱራሕማን ኣቡሃሽም ሰሜናዊ ቀይሕ', @@ -493,8 +533,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Addis_Ababa', articlePath: '/tigrinya/articles/c12g32eldk6o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, turkce: { text: "Dünyanın ilk HIV-pozitif sperm bankası Yeni Zelanda'da açıldı", @@ -505,8 +546,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Istanbul', articlePath: '/turkce/articles/c8q1ze59n25o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, ukchinaSimp: { service: 'ukchina', @@ -519,8 +561,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/ukchina/articles/c0e8weny66ko/simp', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, ukchinaTrad: { service: 'ukchina', @@ -533,8 +576,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/ukchina/articles/c0e8weny66ko/trad', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, ukrainian: { text: @@ -546,8 +590,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/ukrainian/articles/c0glz45kqz6o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, urdu: { text: 'وزیراعظم ریٹائرڈ جرنیل کو فوج کا سربراہ مقرر کر سکتے ہیں', @@ -559,8 +604,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Karachi', articlePath: '/urdu/articles/cwgq7rzv172o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, uzbek: { text: @@ -572,8 +618,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/uzbek/articles/cxj3rjxm6r0o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, vietnamese: { text: 'Ông Nazarbayev bất ngờ tuyên bố từ chức hôm 19/3/2019', @@ -584,8 +631,9 @@ const TEXT_VARIANTS = { timezone: 'Asia/Ho_Chi_Minh', articlePath: '/vietnamese/articles/c3y59g5zm19o', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, yoruba: { text: 'Wo àwọn òrílẹ̀ èdè Mẹ́wàá tó láyọ̀ jùlọ Lágbàyé', @@ -596,8 +644,9 @@ const TEXT_VARIANTS = { timezone: 'Africa/Lagos', articlePath: '/yoruba/articles/clw06m0nj8qo', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, zhongwenSimp: { service: 'zhongwen', @@ -610,8 +659,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/zhongwen/articles/c3xd4x9prgyo/simp', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, zhongwenTrad: { service: 'zhongwen', @@ -624,8 +674,9 @@ const TEXT_VARIANTS = { timezone: 'GMT', articlePath: '/zhongwen/articles/c3xd4x9prgyo/trad', brandBackgroundColour: DEFAULT_BRAND_BACKGROUND_COLOUR, - brandForegroundColour: DEFAULT_BRAND_FORGROUND_COLOUR, + brandForegroundColour: DEFAULT_BRAND_FOREGROUND_COLOUR, brandBorderColour: DEFAULT_BRAND_BORDER_COLOUR, + brandHighlightColour: DEFAULT_BRAND_HIGHLIGHT_COLOUR, }, }; diff --git a/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.jsx b/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.jsx index 287955d38b..8837af6c47 100644 --- a/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.jsx +++ b/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.jsx @@ -35,6 +35,10 @@ export default ({ locale, dir = 'ltr', timezone = 'GMT', + brandBackgroundColour, + brandForegroundColour, + brandBorderColour, + brandHighlightColour, } = TEXT_VARIANTS[selectedService]; const storyProps = { @@ -48,6 +52,10 @@ export default ({ variant: variant || 'default', selectedService, timezone, + brandBackgroundColour, + brandForegroundColour, + brandBorderColour, + brandHighlightColour, }; return ( diff --git a/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.test.jsx b/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.test.jsx index 894d8cced6..1ff7d5117a 100644 --- a/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.test.jsx +++ b/packages/utilities/psammead-storybook-helpers/src/withServicesKnob.test.jsx @@ -65,6 +65,10 @@ it('should pass the correct props to the story function', () => { script: latin, service: 'news', articlePath: '/news/articles/cn7k01xp8kxo', + brandBackgroundColour: '#B80000', + brandBorderColour: '#EAB3B3', + brandForegroundColour: '#FDFDFD', + brandHighlightColour: '#FFFFFF', text: 'Could a computer ever create better art than a human?', longText: 'The critic, author, poet and TV host was known for his witty commentary on international television.', @@ -88,6 +92,10 @@ it('should pass the correct chosen service props to the story function', () => { script: arabic, service: 'arabic', articlePath: '/arabic/articles/c1er5mjnznzo', + brandBackgroundColour: '#B80000', + brandBorderColour: '#EAB3B3', + brandForegroundColour: '#FDFDFD', + brandHighlightColour: '#FFFFFF', text: 'لماذا يخجل البعض من اسم قريته في مصر؟', longText: 'هناك وقائع عدة تتسم بالسخرية والجدل والتنمر، ضد أهل القرية الذين أصابهم الغضب والسخط مما دفعهم إلى تقديم طلب لتغيير اسم قريتهم.', @@ -111,6 +119,10 @@ it('should pass the correct chosen service props to the story function', () => { script: chinese, service: 'ukchina', articlePath: '/ukchina/articles/c0e8weny66ko/simp', + brandBackgroundColour: '#B80000', + brandBorderColour: '#EAB3B3', + brandForegroundColour: '#FDFDFD', + brandHighlightColour: '#FFFFFF', text: '该计划的批评者说，这个政策不能解决住房短缺的问题', longText: '但在当今世界，尽管许多人已不再把步行作为一种主要的出行方式，但巴黎仍然是属于孤僻、哲学式观察者的理想城市。毕竟，法国人习惯于花时间以文学和哲学的方式观察和思考周围的环境',