@biggive/components 202309201242.0.0 → 202309211700.0.0

package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js

@@ -160,7 +160,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -183,7 +183,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -206,7 +206,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -229,7 +229,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -252,7 +252,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -275,7 +275,7 @@ export class BiggiveTabbedContent {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",

package/dist/collection/components/biggive-table/biggive-table.css

@@ -1,6 +1,8 @@
 /**
  * @see brandColour in src/globals/brand-colour.ts . This and that should be updated together.
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
+ * 
+ * NOTE: brand-1 to brand-5 are deprecated, please use the color brands instead
  */
 a {
   color: inherit;
@@ -50,6 +52,31 @@ a:hover {
   background-color: #F07D00;
 }
 
+.background-colour-hover-brand-cc-red:hover,
+.background-colour-brand-cc-red {
+  background-color: #B30510;
+}
+
+.background-colour-hover-brand-wgmf-purple:hover,
+.background-colour-brand-wgmf-purple {
+  background-color: #6E0887;
+}
+
+.background-colour-hover-brand-gmf-green:hover,
+.background-colour-brand-gmf-green {
+  background-color: #50B400;
+}
+
+.background-colour-hover-brand-emf-yellow:hover,
+.background-colour-brand-emf-yellow {
+  background-color: #FFE500;
+}
+
+.background-colour-hover-brand-c4c-orange:hover,
+.background-colour-brand-c4c-orange {
+  background-color: #F07D00;
+}
+
 .background-colour-hover-brand-afa-pink:hover,
 .background-colour-brand-afa-pink {
   background-color: #BF387D;
@@ -132,6 +159,26 @@ a:hover {
   fill: #F07D00;
 }
 
+.fill-brand-cc-red {
+  fill: #B30510;
+}
+
+.fill-brand-wgmf-purple {
+  fill: #6E0887;
+}
+
+.fill-brand-gmf-green {
+  fill: #50B400;
+}
+
+.fill-brand-emf-yellow {
+  fill: #FFE500;
+}
+
+.fill-brand-c4c-orange {
+  fill: #F07D00;
+}
+
 .fill-brand-afa-pink {
   fill: #BF387D;
 }
@@ -275,17 +322,65 @@ a:hover {
 .container.body-background-colour-brand-5 tbody {
   background-color: #F07D00;
 }
-.container.header-text-colour-brand-6 thead {
-  color: #62CFC9;
+.container.header-text-colour-brand-cc-red thead {
+  color: #B30510;
 }
-.container.header-background-colour-brand-6 thead {
-  background-color: #62CFC9;
+.container.header-background-colour-brand-cc-red thead {
+  background-color: #B30510;
 }
-.container.body-text-colour-brand-6 tbody {
-  color: #62CFC9;
+.container.body-text-colour-brand-cc-red tbody {
+  color: #B30510;
 }
-.container.body-background-colour-brand-6 tbody {
-  background-color: #62CFC9;
+.container.body-background-colour-brand-cc-red tbody {
+  background-color: #B30510;
+}
+.container.header-text-colour-brand-wgmf-purple thead {
+  color: #6E0887;
+}
+.container.header-background-colour-brand-wgmf-purple thead {
+  background-color: #6E0887;
+}
+.container.body-text-colour-brand-wgmf-purple tbody {
+  color: #6E0887;
+}
+.container.body-background-colour-brand-wgmf-purple tbody {
+  background-color: #6E0887;
+}
+.container.header-text-colour-brand-gmf-green thead {
+  color: #50B400;
+}
+.container.header-background-colour-brand-gmf-green thead {
+  background-color: #50B400;
+}
+.container.body-text-colour-brand-gmf-green tbody {
+  color: #50B400;
+}
+.container.body-background-colour-brand-gmf-green tbody {
+  background-color: #50B400;
+}
+.container.header-text-colour-brand-emf-yellow thead {
+  color: #FFE500;
+}
+.container.header-background-colour-brand-emf-yellow thead {
+  background-color: #FFE500;
+}
+.container.body-text-colour-brand-emf-yellow tbody {
+  color: #FFE500;
+}
+.container.body-background-colour-brand-emf-yellow tbody {
+  background-color: #FFE500;
+}
+.container.header-text-colour-brand-c4c-orange thead {
+  color: #F07D00;
+}
+.container.header-background-colour-brand-c4c-orange thead {
+  background-color: #F07D00;
+}
+.container.body-text-colour-brand-c4c-orange tbody {
+  color: #F07D00;
+}
+.container.body-background-colour-brand-c4c-orange tbody {
+  background-color: #F07D00;
 }
 .container.header-text-colour-brand-afa-pink thead {
   color: #BF387D;
@@ -299,6 +394,30 @@ a:hover {
 .container.body-background-colour-brand-afa-pink tbody {
   background-color: #BF387D;
 }
+.container.header-text-colour-brand-mhf-turquoise thead {
+  color: #62CFC9;
+}
+.container.header-background-colour-brand-mhf-turquoise thead {
+  background-color: #62CFC9;
+}
+.container.body-text-colour-brand-mhf-turquoise tbody {
+  color: #62CFC9;
+}
+.container.body-background-colour-brand-mhf-turquoise tbody {
+  background-color: #62CFC9;
+}
+.container.header-text-colour-brand-grey thead {
+  color: #CBC8C8;
+}
+.container.header-background-colour-brand-grey thead {
+  background-color: #CBC8C8;
+}
+.container.body-text-colour-brand-grey tbody {
+  color: #CBC8C8;
+}
+.container.body-background-colour-brand-grey tbody {
+  background-color: #CBC8C8;
+}
 .container.header-text-colour-white thead {
   color: #FFFFFF;
 }
@@ -371,6 +490,18 @@ a:hover {
 .container.body-background-colour-grey-dark tbody {
   background-color: #4A4A4A;
 }
+.container.header-text-colour-brand-6 thead {
+  color: #62CFC9;
+}
+.container.header-background-colour-brand-6 thead {
+  background-color: #62CFC9;
+}
+.container.body-text-colour-brand-6 tbody {
+  color: #62CFC9;
+}
+.container.body-background-colour-brand-6 tbody {
+  background-color: #62CFC9;
+}
 .container table {
   width: 100%;
   border-collapse: collapse;

package/dist/collection/components/biggive-table/biggive-table.js

@@ -60,7 +60,7 @@ export class BiggiveTable {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -83,7 +83,7 @@ export class BiggiveTable {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -106,7 +106,7 @@ export class BiggiveTable {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",
@@ -129,7 +129,7 @@ export class BiggiveTable {
         "mutable": false,
         "complexType": {
           "original": "brandColour",
-          "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"brand-afa-pink\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
+          "resolved": "\"black\" | \"brand-afa-pink\" | \"brand-c4c-orange\" | \"brand-cc-red\" | \"brand-emf-yellow\" | \"brand-gmf-green\" | \"brand-grey\" | \"brand-mhf-turquoise\" | \"brand-wgmf-purple\" | \"grey-dark\" | \"grey-extra-light\" | \"grey-light\" | \"grey-medium\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
           "references": {
             "brandColour": {
               "location": "import",

package/dist/collection/components/biggive-timeline/biggive-timeline.css

@@ -1,6 +1,8 @@
 /**
  * @see brandColour in src/globals/brand-colour.ts . This and that should be updated together.
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
+ * 
+ * NOTE: brand-1 to brand-5 are deprecated, please use the color brands instead
  */
 a {
   color: inherit;
@@ -106,6 +108,31 @@ a:hover {
   color: #F07D00;
 }
 
+.text-colour-hover-brand-cc-red:hover,
+.text-colour-brand-cc-red {
+  color: #B30510;
+}
+
+.text-colour-hover-brand-wgmf-purple:hover,
+.text-colour-brand-wgmf-purple {
+  color: #6E0887;
+}
+
+.text-colour-hover-brand-gmf-green:hover,
+.text-colour-brand-gmf-green {
+  color: #50B400;
+}
+
+.text-colour-hover-brand-emf-yellow:hover,
+.text-colour-brand-emf-yellow {
+  color: #FFE500;
+}
+
+.text-colour-hover-brand-c4c-orange:hover,
+.text-colour-brand-c4c-orange {
+  color: #F07D00;
+}
+
 .text-colour-hover-brand-afa-pink:hover,
 .text-colour-brand-afa-pink {
   color: #BF387D;
@@ -499,38 +526,170 @@ a:hover {
 .container.entry-text-colour-brand-5 .entry .content {
   color: #F07D00;
 }
-.container.text-colour-brand-6 .navigation li {
-  color: #62CFC9;
+.container.text-colour-brand-cc-red .navigation li {
+  color: #B30510;
 }
-.container.navigation-highlight-colour-brand-6 .navigation ul {
-  border-color: #62CFC9;
+.container.navigation-highlight-colour-brand-cc-red .navigation ul {
+  border-color: #B30510;
 }
-.container.selected-text-colour-brand-6 .navigation li.selected {
-  color: #62CFC9;
+.container.selected-text-colour-brand-cc-red .navigation li.selected {
+  color: #B30510;
 }
-.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected {
-  border-color: #62CFC9;
+.container.selected-navigation-highlight-colour-brand-cc-red .navigation li.selected {
+  border-color: #B30510;
 }
-.container.button-background-colour-brand-6 .navigation .button {
-  background-color: #62CFC9;
+.container.button-background-colour-brand-cc-red .navigation .button {
+  background-color: #B30510;
 }
-.container.button-icon-colour-brand-6 .navigation .button svg path {
-  stroke: #62CFC9;
+.container.button-icon-colour-brand-cc-red .navigation .button svg path {
+  stroke: #B30510;
 }
-.container.entry-background-colour-brand-6 .entry {
-  background-color: #62CFC9;
+.container.entry-background-colour-brand-cc-red .entry {
+  background-color: #B30510;
 }
-.container.entry-highlight-colour-brand-6 .entry {
-  border-color: #62CFC9;
+.container.entry-highlight-colour-brand-cc-red .entry {
+  border-color: #B30510;
 }
-.container.entry-date-colour-brand-6 .entry .date {
-  color: #62CFC9;
+.container.entry-date-colour-brand-cc-red .entry .date {
+  color: #B30510;
 }
-.container.entry-title-colour-brand-6 .entry .title {
-  color: #62CFC9;
+.container.entry-title-colour-brand-cc-red .entry .title {
+  color: #B30510;
 }
-.container.entry-text-colour-brand-6 .entry .content {
-  color: #62CFC9;
+.container.entry-text-colour-brand-cc-red .entry .content {
+  color: #B30510;
+}
+.container.text-colour-brand-wgmf-purple .navigation li {
+  color: #6E0887;
+}
+.container.navigation-highlight-colour-brand-wgmf-purple .navigation ul {
+  border-color: #6E0887;
+}
+.container.selected-text-colour-brand-wgmf-purple .navigation li.selected {
+  color: #6E0887;
+}
+.container.selected-navigation-highlight-colour-brand-wgmf-purple .navigation li.selected {
+  border-color: #6E0887;
+}
+.container.button-background-colour-brand-wgmf-purple .navigation .button {
+  background-color: #6E0887;
+}
+.container.button-icon-colour-brand-wgmf-purple .navigation .button svg path {
+  stroke: #6E0887;
+}
+.container.entry-background-colour-brand-wgmf-purple .entry {
+  background-color: #6E0887;
+}
+.container.entry-highlight-colour-brand-wgmf-purple .entry {
+  border-color: #6E0887;
+}
+.container.entry-date-colour-brand-wgmf-purple .entry .date {
+  color: #6E0887;
+}
+.container.entry-title-colour-brand-wgmf-purple .entry .title {
+  color: #6E0887;
+}
+.container.entry-text-colour-brand-wgmf-purple .entry .content {
+  color: #6E0887;
+}
+.container.text-colour-brand-gmf-green .navigation li {
+  color: #50B400;
+}
+.container.navigation-highlight-colour-brand-gmf-green .navigation ul {
+  border-color: #50B400;
+}
+.container.selected-text-colour-brand-gmf-green .navigation li.selected {
+  color: #50B400;
+}
+.container.selected-navigation-highlight-colour-brand-gmf-green .navigation li.selected {
+  border-color: #50B400;
+}
+.container.button-background-colour-brand-gmf-green .navigation .button {
+  background-color: #50B400;
+}
+.container.button-icon-colour-brand-gmf-green .navigation .button svg path {
+  stroke: #50B400;
+}
+.container.entry-background-colour-brand-gmf-green .entry {
+  background-color: #50B400;
+}
+.container.entry-highlight-colour-brand-gmf-green .entry {
+  border-color: #50B400;
+}
+.container.entry-date-colour-brand-gmf-green .entry .date {
+  color: #50B400;
+}
+.container.entry-title-colour-brand-gmf-green .entry .title {
+  color: #50B400;
+}
+.container.entry-text-colour-brand-gmf-green .entry .content {
+  color: #50B400;
+}
+.container.text-colour-brand-emf-yellow .navigation li {
+  color: #FFE500;
+}
+.container.navigation-highlight-colour-brand-emf-yellow .navigation ul {
+  border-color: #FFE500;
+}
+.container.selected-text-colour-brand-emf-yellow .navigation li.selected {
+  color: #FFE500;
+}
+.container.selected-navigation-highlight-colour-brand-emf-yellow .navigation li.selected {
+  border-color: #FFE500;
+}
+.container.button-background-colour-brand-emf-yellow .navigation .button {
+  background-color: #FFE500;
+}
+.container.button-icon-colour-brand-emf-yellow .navigation .button svg path {
+  stroke: #FFE500;
+}
+.container.entry-background-colour-brand-emf-yellow .entry {
+  background-color: #FFE500;
+}
+.container.entry-highlight-colour-brand-emf-yellow .entry {
+  border-color: #FFE500;
+}
+.container.entry-date-colour-brand-emf-yellow .entry .date {
+  color: #FFE500;
+}
+.container.entry-title-colour-brand-emf-yellow .entry .title {
+  color: #FFE500;
+}
+.container.entry-text-colour-brand-emf-yellow .entry .content {
+  color: #FFE500;
+}
+.container.text-colour-brand-c4c-orange .navigation li {
+  color: #F07D00;
+}
+.container.navigation-highlight-colour-brand-c4c-orange .navigation ul {
+  border-color: #F07D00;
+}
+.container.selected-text-colour-brand-c4c-orange .navigation li.selected {
+  color: #F07D00;
+}
+.container.selected-navigation-highlight-colour-brand-c4c-orange .navigation li.selected {
+  border-color: #F07D00;
+}
+.container.button-background-colour-brand-c4c-orange .navigation .button {
+  background-color: #F07D00;
+}
+.container.button-icon-colour-brand-c4c-orange .navigation .button svg path {
+  stroke: #F07D00;
+}
+.container.entry-background-colour-brand-c4c-orange .entry {
+  background-color: #F07D00;
+}
+.container.entry-highlight-colour-brand-c4c-orange .entry {
+  border-color: #F07D00;
+}
+.container.entry-date-colour-brand-c4c-orange .entry .date {
+  color: #F07D00;
+}
+.container.entry-title-colour-brand-c4c-orange .entry .title {
+  color: #F07D00;
+}
+.container.entry-text-colour-brand-c4c-orange .entry .content {
+  color: #F07D00;
 }
 .container.text-colour-brand-afa-pink .navigation li {
   color: #BF387D;
@@ -565,6 +724,72 @@ a:hover {
 .container.entry-text-colour-brand-afa-pink .entry .content {
   color: #BF387D;
 }
+.container.text-colour-brand-mhf-turquoise .navigation li {
+  color: #62CFC9;
+}
+.container.navigation-highlight-colour-brand-mhf-turquoise .navigation ul {
+  border-color: #62CFC9;
+}
+.container.selected-text-colour-brand-mhf-turquoise .navigation li.selected {
+  color: #62CFC9;
+}
+.container.selected-navigation-highlight-colour-brand-mhf-turquoise .navigation li.selected {
+  border-color: #62CFC9;
+}
+.container.button-background-colour-brand-mhf-turquoise .navigation .button {
+  background-color: #62CFC9;
+}
+.container.button-icon-colour-brand-mhf-turquoise .navigation .button svg path {
+  stroke: #62CFC9;
+}
+.container.entry-background-colour-brand-mhf-turquoise .entry {
+  background-color: #62CFC9;
+}
+.container.entry-highlight-colour-brand-mhf-turquoise .entry {
+  border-color: #62CFC9;
+}
+.container.entry-date-colour-brand-mhf-turquoise .entry .date {
+  color: #62CFC9;
+}
+.container.entry-title-colour-brand-mhf-turquoise .entry .title {
+  color: #62CFC9;
+}
+.container.entry-text-colour-brand-mhf-turquoise .entry .content {
+  color: #62CFC9;
+}
+.container.text-colour-brand-grey .navigation li {
+  color: #CBC8C8;
+}
+.container.navigation-highlight-colour-brand-grey .navigation ul {
+  border-color: #CBC8C8;
+}
+.container.selected-text-colour-brand-grey .navigation li.selected {
+  color: #CBC8C8;
+}
+.container.selected-navigation-highlight-colour-brand-grey .navigation li.selected {
+  border-color: #CBC8C8;
+}
+.container.button-background-colour-brand-grey .navigation .button {
+  background-color: #CBC8C8;
+}
+.container.button-icon-colour-brand-grey .navigation .button svg path {
+  stroke: #CBC8C8;
+}
+.container.entry-background-colour-brand-grey .entry {
+  background-color: #CBC8C8;
+}
+.container.entry-highlight-colour-brand-grey .entry {
+  border-color: #CBC8C8;
+}
+.container.entry-date-colour-brand-grey .entry .date {
+  color: #CBC8C8;
+}
+.container.entry-title-colour-brand-grey .entry .title {
+  color: #CBC8C8;
+}
+.container.entry-text-colour-brand-grey .entry .content {
+  color: #CBC8C8;
+}
 .container.text-colour-white .navigation li {
   color: #FFFFFF;
 }
@@ -762,4 +987,37 @@ a:hover {
 }
 .container.entry-text-colour-grey-dark .entry .content {
   color: #4A4A4A;
+}
+.container.text-colour-brand-6 .navigation li {
+  color: #62CFC9;
+}
+.container.navigation-highlight-colour-brand-6 .navigation ul {
+  border-color: #62CFC9;
+}
+.container.selected-text-colour-brand-6 .navigation li.selected {
+  color: #62CFC9;
+}
+.container.selected-navigation-highlight-colour-brand-6 .navigation li.selected {
+  border-color: #62CFC9;
+}
+.container.button-background-colour-brand-6 .navigation .button {
+  background-color: #62CFC9;
+}
+.container.button-icon-colour-brand-6 .navigation .button svg path {
+  stroke: #62CFC9;
+}
+.container.entry-background-colour-brand-6 .entry {
+  background-color: #62CFC9;
+}
+.container.entry-highlight-colour-brand-6 .entry {
+  border-color: #62CFC9;
+}
+.container.entry-date-colour-brand-6 .entry .date {
+  color: #62CFC9;
+}
+.container.entry-title-colour-brand-6 .entry .title {
+  color: #62CFC9;
+}
+.container.entry-text-colour-brand-6 .entry .content {
+  color: #62CFC9;
 }