From 405f375efaaec428cd6b46186e8c55de2f739970 Mon Sep 17 00:00:00 2001
From: Lee Moody <notlee@users.noreply.github.com>
Date: Tue, 1 Jun 2021 16:09:56 +0100
Subject: [PATCH] Move matisse under a new "partner content" palette (#303)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

From FT Creative:
> The new partner content colour ‘Matisse’ is not part of the FT brand colour
> palette - it’s entirely new colour created for Partner Content and
> deliberately different from the FT’s brand colours whilst complementing them.
> Therefore, if you are going to add this to Origami, could I suggest this is
> clearly separate from our Brand secondary/tertiary palette and labelled so in
> the index (similar to eg B2C blues which has its own section)?
---
 demos/src/palettes/master-palette.json     |  6 ++++--
 demos/src/partner-content-palette.mustache | 10 ++++++++++
 origami.json                               | 11 +++++++++++
 src/scss/_palette.scss                     |  4 +++-
 4 files changed, 28 insertions(+), 3 deletions(-)
 create mode 100644 demos/src/partner-content-palette.mustache

diff --git a/demos/src/palettes/master-palette.json b/demos/src/palettes/master-palette.json
index ded3bfcf..b9e7e6a9 100644
--- a/demos/src/palettes/master-palette.json
+++ b/demos/src/palettes/master-palette.json
@@ -19,14 +19,16 @@
 		{ "name": "jade" },
 		{ "name": "wasabi" },
 		{ "name": "crimson" },
-		{ "name": "candy" },
-		{ "name": "matisse" }
+		{ "name": "candy" }
 	],
 	"b2c": [
 		{ "name": "org-b2c" },
 		{ "name": "org-b2c-dark" },
 		{ "name": "org-b2c-light" }
 	],
+	"partner-content": [
+		{ "name": "matisse" }
+	],
 	"brand": [
 		{ "name": "brand-ft-pink" }
 	],
diff --git a/demos/src/partner-content-palette.mustache b/demos/src/partner-content-palette.mustache
new file mode 100644
index 00000000..bab370b9
--- /dev/null
+++ b/demos/src/partner-content-palette.mustache
@@ -0,0 +1,10 @@
+<div class="demo-wrapper">
+	{{#partner-content}}
+		<div class="demo-color">
+			<h4 class="o-colors-border-{{name}}">{{name}}</h4>
+			<div class="swatch o-colors-demo-{{name}}" data-o-color="{{name}}">
+				<input type="text" class="hex" id="o-color-input-{{name}}" value="" readonly>
+			</div>
+		</div>
+	{{/partner-content}}
+</div>
diff --git a/origami.json b/origami.json
index 1c3ef896..c1ff7dbb 100644
--- a/origami.json
+++ b/origami.json
@@ -110,6 +110,17 @@
 				"master"
 			]
 		},
+		{
+			"name": "master-partner-content-palette",
+			"title": "Partner Content Palette",
+			"data": "demos/src/palettes/master-palette.json",
+			"template": "demos/src/partner-content-palette.mustache",
+			"description": "",
+			"display_html": false,
+			"brands": [
+				"master"
+			]
+		},
 		{
 			"name": "master-brand-palette",
 			"title": "Brand Palette",
diff --git a/src/scss/_palette.scss b/src/scss/_palette.scss
index d950056f..81e383e8 100644
--- a/src/scss/_palette.scss
+++ b/src/scss/_palette.scss
@@ -29,13 +29,15 @@ $_o-colors-default-palette-colors: join((
 		('wasabi', #96cc28),
 		('jade', #00994d),
 		('crimson', #cc0000),
-		('matisse', #355778),
 
 		//b2c palette
 		('org-b2c', #4e96eb),
 		('org-b2c-dark', #3a70af),
 		('org-b2c-light', #99c6fb),
 
+		//partner content palette
+		('matisse', #355778),
+
 		//brand palette
 		('brand-ft-pink', #fcd0b1),
 	), $_o-colors-default-palette-colors);