@times-design-system/theme-css 2.2.0 → 2.3.0

package/dist/variables.css

@@ -281,17 +281,22 @@
 --label-secondary: #737373;
 --label-channel: #595959;
 --label-callout: #b20908;
---flag-primary-fill: #000000;
---flag-primary-text: #f2f2f2;
---flag-primary-icon: #f2f2f2;
---flag-secondary-text: #1a1a1a;
---flag-secondary-icon: #1a1a1a;
---flag-channel-fill: #a8a8a8;
---flag-channel-text: #262626;
---flag-channel-icon: #262626;
---flag-callout-fill: #b20908;
---flag-callout-text: #ffffff;
---flag-callout-icon: #ffffff;
+--tag-primary-fill: #000000;
+--tag-primary-text: #ffffff;
+--tag-primary-icon: #ffffff;
+--tag-secondary-fill: #d9d9d9;
+--tag-secondary-text: #1a1a1a;
+--tag-secondary-icon: #1a1a1a;
+--tag-tertiary-text: #1a1a1a;
+--tag-tertiary-icon: #1a1a1a;
+--tag-callout-primary-fill: #b20908;
+--tag-callout-primary-text: #ffffff;
+--tag-callout-primary-icon: #ffffff;
+--tag-callout-secondary-fill: #ffefef;
+--tag-callout-secondary-text: #b20908;
+--tag-callout-secondary-icon: #b20908;
+--tag-callout-tertiary-text: #b20908;
+--tag-callout-tertiary-icon: #b20908;
 --toast-fill-info: #0a3472;
 --toast-fill-success: #22724f;
 --toast-fill-warning: #e49307;
@@ -374,9 +379,6 @@
 --interactive-chip-channel-primary-off-border-hover: #cf889b;
 --interactive-chip-channel-primary-off-border-pressed: #c97a8f;
 --label-channel: #c06f85;
---flag-channel-fill: #e0b3bf;
---flag-channel-text: #4e0f24;
---flag-channel-icon: #4e0f24;
 }
 
 [data-theme="life-and-style"] {
@@ -432,9 +434,6 @@
 --interactive-chip-channel-primary-off-border-hover: #50d7eb;
 --interactive-chip-channel-primary-off-border-pressed: #3fd3ea;
 --label-channel: #49d5eb;
---flag-channel-fill: #82e2f1;
---flag-channel-text: #1d4d57;
---flag-channel-icon: #1d4d57;
 }
 
 [data-theme="puzzles"] {
@@ -490,9 +489,6 @@
 --interactive-chip-channel-primary-off-border-hover: #ec9971;
 --interactive-chip-channel-primary-off-border-pressed: #e98c5f;
 --label-channel: #eba37f;
---flag-channel-fill: #f3c0a7;
---flag-channel-text: #703b1a;
---flag-channel-icon: #703b1a;
 }
 
 [data-theme="home"] {
@@ -548,9 +544,6 @@
 --interactive-chip-channel-primary-off-border-hover: #7ea5e3;
 --interactive-chip-channel-primary-off-border-pressed: #6d99df;
 --label-channel: #6d95de;
---flag-channel-fill: #b1c8ee;
---flag-channel-text: #0e2f64;
---flag-channel-icon: #0e2f64;
 }
 
 [data-theme="uk"] {
@@ -606,9 +599,6 @@
 --interactive-chip-channel-primary-off-border-hover: #95b0c4;
 --interactive-chip-channel-primary-off-border-pressed: #88a6bd;
 --label-channel: #84a2ba;
---flag-channel-fill: #bccdda;
---flag-channel-text: #21394c;
---flag-channel-icon: #21394c;
 }
 
 [data-theme="world"] {
@@ -664,9 +654,6 @@
 --interactive-chip-channel-primary-off-border-hover: #8db8bd;
 --interactive-chip-channel-primary-off-border-pressed: #81b0b5;
 --label-channel: #6ea7a9;
---flag-channel-fill: #b2cfd2;
---flag-channel-text: #083c3e;
---flag-channel-icon: #083c3e;
 }
 
 [data-theme="business"] {
@@ -722,9 +709,6 @@
 --interactive-chip-channel-primary-off-border-hover: #8db0ca;
 --interactive-chip-channel-primary-off-border-pressed: #7fa7c3;
 --label-channel: #73a2c0;
---flag-channel-fill: #b6cddd;
---flag-channel-text: #10394e;
---flag-channel-icon: #10394e;
 }
 
 [data-theme="money"] {
@@ -780,9 +764,6 @@
 --interactive-chip-channel-primary-off-border-hover: #a0c8b8;
 --interactive-chip-channel-primary-off-border-pressed: #93c0af;
 --label-channel: #95c3af;
---flag-channel-fill: #c8dfd6;
---flag-channel-text: #2c5341;
---flag-channel-icon: #2c5341;
 }
 
 [data-theme="sport"] {
@@ -838,9 +819,6 @@
 --interactive-chip-channel-primary-off-border-hover: #8fb99c;
 --interactive-chip-channel-primary-off-border-pressed: #83b191;
 --label-channel: #6ea782;
---flag-channel-fill: #b2cfbb;
---flag-channel-text: #063e21;
---flag-channel-icon: #063e21;
 }
 
 [data-theme="travel"] {
@@ -896,9 +874,6 @@
 --interactive-chip-channel-primary-off-border-hover: #8cb2d0;
 --interactive-chip-channel-primary-off-border-pressed: #7ea8ca;
 --label-channel: #78a7ca;
---flag-channel-fill: #b8cfe2;
---flag-channel-text: #183b56;
---flag-channel-icon: #183b56;
 }
 
 [data-theme="culture"] {
@@ -954,9 +929,6 @@
 --interactive-chip-channel-primary-off-border-hover: #cb8aaa;
 --interactive-chip-channel-primary-off-border-pressed: #c47ca0;
 --label-channel: #ba729b;
---flag-channel-fill: #ddb3c8;
---flag-channel-text: #4b1331;
---flag-channel-icon: #4b1331;
 }
 
 [data-theme="obituaries"] {
@@ -1012,9 +984,6 @@
 --interactive-chip-channel-primary-off-border-hover: #aeaeaa;
 --interactive-chip-channel-primary-off-border-pressed: #a5a59f;
 --label-channel: #9e9e9b;
---flag-channel-fill: #ccccc9;
---flag-channel-text: #363636;
---flag-channel-icon: #363636;
 }
 
 [data-theme="ireland"] {
@@ -1070,9 +1039,271 @@
 --interactive-chip-channel-primary-off-border-hover: #91a2a1;
 --interactive-chip-channel-primary-off-border-pressed: #879a98;
 --label-channel: #66807d;
---flag-channel-fill: #aebbba;
---flag-channel-text: #0a1f1c;
---flag-channel-icon: #0a1f1c;
+}
+
+[data-theme="magazineLuxx"] {
+--surface-channel-50: #f4f7f7;
+--surface-channel-100: #e4ebf0;
+--surface-channel-200: #b1c5d3;
+--surface-channel-300: #145683;
+--surface-channel-400: #0e3c5c;
+--surface-channel-500: #0b2c42;
+--text-channel-primary: #29628d;
+--text-channel-secondary: #5581a1;
+--text-channel-tertiary: #84a2ba;
+--icon-channel-primary: #145683;
+--icon-channel-secondary: #3e6f95;
+--icon-channel-tertiary: #84a2ba;
+--border-channel-primary: #b1c5d3;
+--border-channel-secondary: #d7e1e9;
+--border-channel-tertiary: #eff2f5;
+--interactive-chip-channel-secondary-on-fill-default: #f4f7f7;
+--interactive-chip-channel-secondary-on-fill-hover: #c9d8d8;
+--interactive-chip-channel-secondary-on-fill-pressed: #bbcece;
+--interactive-chip-channel-secondary-on-text-default: #145683;
+--interactive-chip-channel-secondary-on-text-hover: #114a6f;
+--interactive-chip-channel-secondary-on-text-pressed: #104569;
+--interactive-chip-channel-secondary-on-icon-default: #145683;
+--interactive-chip-channel-secondary-on-icon-hover: #114a6f;
+--interactive-chip-channel-secondary-on-icon-pressed: #104569;
+--interactive-chip-channel-secondary-on-border-default: #145683;
+--interactive-chip-channel-secondary-on-border-hover: #114a6f;
+--interactive-chip-channel-secondary-on-border-pressed: #104569;
+--interactive-chip-channel-secondary-off-fill-default: #e4ebf0;
+--interactive-chip-channel-secondary-off-fill-hover: #b7cad7;
+--interactive-chip-channel-secondary-off-fill-pressed: #a8becf;
+--interactive-chip-channel-secondary-off-text-default: #0e3c5c;
+--interactive-chip-channel-secondary-off-text-hover: #0c334e;
+--interactive-chip-channel-secondary-off-text-pressed: #0b3049;
+--interactive-chip-channel-secondary-off-icon-default: #0e3c5c;
+--interactive-chip-channel-secondary-off-icon-hover: #0c334e;
+--interactive-chip-channel-secondary-off-icon-pressed: #0b3049;
+--interactive-chip-channel-primary-on-fill-default: #145683;
+--interactive-chip-channel-primary-on-fill-hover: #114a6f;
+--interactive-chip-channel-primary-on-fill-pressed: #104569;
+--interactive-chip-channel-primary-off-fill-default: #e4ebf0;
+--interactive-chip-channel-primary-off-fill-hover: #b7cad7;
+--interactive-chip-channel-primary-off-fill-pressed: #a8becf;
+--interactive-chip-channel-primary-off-text-default: #0b2c42;
+--interactive-chip-channel-primary-off-text-hover: #092538;
+--interactive-chip-channel-primary-off-text-pressed: #092335;
+--interactive-chip-channel-primary-off-icon-default: #0b2c42;
+--interactive-chip-channel-primary-off-icon-hover: #092538;
+--interactive-chip-channel-primary-off-icon-pressed: #092335;
+--interactive-chip-channel-primary-off-border-default: #b1c5d3;
+--interactive-chip-channel-primary-off-border-hover: #8ca9be;
+--interactive-chip-channel-primary-off-border-pressed: #7fa0b7;
+--label-channel: #6b90ae;
+}
+
+[data-theme="magazineSundayTimes"] {
+--surface-channel-50: #f7f7f5;
+--surface-channel-100: #edede8;
+--surface-channel-200: #d3c9be;
+--surface-channel-300: #7e6645;
+--surface-channel-400: #5a4730;
+--surface-channel-500: #3f3321;
+--text-channel-primary: #887253;
+--text-channel-secondary: #9f8c75;
+--text-channel-tertiary: #b7aa9a;
+--icon-channel-primary: #7e6645;
+--icon-channel-secondary: #927c60;
+--icon-channel-tertiary: #b7aa9a;
+--border-channel-primary: #d3c9be;
+--border-channel-secondary: #e9e5e0;
+--border-channel-tertiary: #f5f5f2;
+--interactive-chip-channel-secondary-on-fill-default: #f7f7f5;
+--interactive-chip-channel-secondary-on-fill-hover: #d6d6cc;
+--interactive-chip-channel-secondary-on-fill-pressed: #cbcbbe;
+--interactive-chip-channel-secondary-on-text-default: #7e6645;
+--interactive-chip-channel-secondary-on-text-hover: #6b573b;
+--interactive-chip-channel-secondary-on-text-pressed: #655237;
+--interactive-chip-channel-secondary-on-icon-default: #7e6645;
+--interactive-chip-channel-secondary-on-icon-hover: #6b573b;
+--interactive-chip-channel-secondary-on-icon-pressed: #655237;
+--interactive-chip-channel-secondary-on-border-default: #7e6645;
+--interactive-chip-channel-secondary-on-border-hover: #6b573b;
+--interactive-chip-channel-secondary-on-border-pressed: #655237;
+--interactive-chip-channel-secondary-off-fill-default: #edede8;
+--interactive-chip-channel-secondary-off-fill-hover: #cecec1;
+--interactive-chip-channel-secondary-off-fill-pressed: #c4c4b3;
+--interactive-chip-channel-secondary-off-text-default: #5a4730;
+--interactive-chip-channel-secondary-off-text-hover: #4c3c29;
+--interactive-chip-channel-secondary-off-text-pressed: #483926;
+--interactive-chip-channel-secondary-off-icon-default: #5a4730;
+--interactive-chip-channel-secondary-off-icon-hover: #4c3c29;
+--interactive-chip-channel-secondary-off-icon-pressed: #483926;
+--interactive-chip-channel-primary-on-fill-default: #7e6645;
+--interactive-chip-channel-primary-on-fill-hover: #6b573b;
+--interactive-chip-channel-primary-on-fill-pressed: #655237;
+--interactive-chip-channel-primary-off-fill-default: #edede8;
+--interactive-chip-channel-primary-off-fill-hover: #cecec1;
+--interactive-chip-channel-primary-off-fill-pressed: #c4c4b3;
+--interactive-chip-channel-primary-off-text-default: #3f3321;
+--interactive-chip-channel-primary-off-text-hover: #362b1c;
+--interactive-chip-channel-primary-off-text-pressed: #33291a;
+--interactive-chip-channel-primary-off-icon-default: #3f3321;
+--interactive-chip-channel-primary-off-icon-hover: #362b1c;
+--interactive-chip-channel-primary-off-icon-pressed: #33291a;
+--interactive-chip-channel-primary-off-border-default: #d3c9be;
+--interactive-chip-channel-primary-off-border-hover: #bbab9a;
+--interactive-chip-channel-primary-off-border-pressed: #b3a18e;
+--label-channel: #7e6645;
+}
+
+[data-theme="magazineTimes"] {
+--surface-channel-50: #f7f7f5;
+--surface-channel-100: #edede5;
+--surface-channel-200: #c9ccb3;
+--surface-channel-300: #676f1d;
+--surface-channel-400: #494d15;
+--surface-channel-500: #323811;
+--text-channel-primary: #717b2f;
+--text-channel-secondary: #8e945a;
+--text-channel-tertiary: #adb085;
+--icon-channel-primary: #676f1d;
+--icon-channel-secondary: #7e8544;
+--icon-channel-tertiary: #adb085;
+--border-channel-primary: #c9ccb3;
+--border-channel-secondary: #e6e6da;
+--border-channel-tertiary: #f5f5ef;
+--interactive-chip-channel-secondary-on-fill-default: #f7f7f5;
+--interactive-chip-channel-secondary-on-fill-hover: #d6d6cc;
+--interactive-chip-channel-secondary-on-fill-pressed: #cbcbbe;
+--interactive-chip-channel-secondary-on-text-default: #676f1d;
+--interactive-chip-channel-secondary-on-text-hover: #575e19;
+--interactive-chip-channel-secondary-on-text-pressed: #535917;
+--interactive-chip-channel-secondary-on-icon-default: #676f1d;
+--interactive-chip-channel-secondary-on-icon-hover: #575e19;
+--interactive-chip-channel-secondary-on-icon-pressed: #535917;
+--interactive-chip-channel-secondary-on-border-default: #676f1d;
+--interactive-chip-channel-secondary-on-border-hover: #575e19;
+--interactive-chip-channel-secondary-on-border-pressed: #535917;
+--interactive-chip-channel-secondary-off-fill-default: #edede5;
+--interactive-chip-channel-secondary-off-fill-hover: #d0d0bc;
+--interactive-chip-channel-secondary-off-fill-pressed: #c7c7ae;
+--interactive-chip-channel-secondary-off-text-default: #494d15;
+--interactive-chip-channel-secondary-off-text-hover: #3e4112;
+--interactive-chip-channel-secondary-off-text-pressed: #3a3e11;
+--interactive-chip-channel-secondary-off-icon-default: #494d15;
+--interactive-chip-channel-secondary-off-icon-hover: #3e4112;
+--interactive-chip-channel-secondary-off-icon-pressed: #3a3e11;
+--interactive-chip-channel-primary-on-fill-default: #676f1d;
+--interactive-chip-channel-primary-on-fill-hover: #575e19;
+--interactive-chip-channel-primary-on-fill-pressed: #535917;
+--interactive-chip-channel-primary-off-fill-default: #edede5;
+--interactive-chip-channel-primary-off-fill-hover: #d0d0bc;
+--interactive-chip-channel-primary-off-fill-pressed: #c7c7ae;
+--interactive-chip-channel-primary-off-text-default: #323811;
+--interactive-chip-channel-primary-off-text-hover: #2b300e;
+--interactive-chip-channel-primary-off-text-pressed: #282d0e;
+--interactive-chip-channel-primary-off-icon-default: #323811;
+--interactive-chip-channel-primary-off-icon-hover: #2b300e;
+--interactive-chip-channel-primary-off-icon-pressed: #282d0e;
+--interactive-chip-channel-primary-off-border-default: #c9ccb3;
+--interactive-chip-channel-primary-off-border-hover: #b1b591;
+--interactive-chip-channel-primary-off-border-pressed: #a8ad85;
+--label-channel: #676f1d;
+}
+
+[data-theme="timesPlus"] {
+--surface-channel-50: #f4f7fa;
+--surface-channel-100: #e4edf0;
+--surface-channel-200: #b2cfd5;
+--surface-channel-300: #017487;
+--surface-channel-400: #0c505d;
+--surface-channel-500: #0b3944;
+--text-channel-primary: #227f91;
+--text-channel-secondary: #5698a5;
+--text-channel-tertiary: #85b4be;
+--icon-channel-primary: #017487;
+--icon-channel-secondary: #398999;
+--icon-channel-tertiary: #85b4be;
+--border-channel-primary: #b2cfd5;
+--border-channel-secondary: #d9e6eb;
+--border-channel-tertiary: #eff5f5;
+--interactive-chip-channel-secondary-on-fill-default: #f4f7fa;
+--interactive-chip-channel-secondary-on-fill-hover: #c1d2e3;
+--interactive-chip-channel-secondary-on-fill-pressed: #b0c6db;
+--interactive-chip-channel-secondary-on-text-default: #017487;
+--interactive-chip-channel-secondary-on-text-hover: #016273;
+--interactive-chip-channel-secondary-on-text-pressed: #015c6c;
+--interactive-chip-channel-secondary-on-icon-default: #017487;
+--interactive-chip-channel-secondary-on-icon-hover: #016273;
+--interactive-chip-channel-secondary-on-icon-pressed: #015c6c;
+--interactive-chip-channel-secondary-on-border-default: #017487;
+--interactive-chip-channel-secondary-on-border-hover: #016273;
+--interactive-chip-channel-secondary-on-border-pressed: #015c6c;
+--interactive-chip-channel-secondary-off-fill-default: #e4edf0;
+--interactive-chip-channel-secondary-off-fill-hover: #b7cfd7;
+--interactive-chip-channel-secondary-off-fill-pressed: #a8c5cf;
+--interactive-chip-channel-secondary-off-text-default: #0c505d;
+--interactive-chip-channel-secondary-off-text-hover: #0a444f;
+--interactive-chip-channel-secondary-off-text-pressed: #0a404b;
+--interactive-chip-channel-secondary-off-icon-default: #0c505d;
+--interactive-chip-channel-secondary-off-icon-hover: #0a444f;
+--interactive-chip-channel-secondary-off-icon-pressed: #0a404b;
+--interactive-chip-channel-primary-on-fill-default: #017487;
+--interactive-chip-channel-primary-on-fill-hover: #016273;
+--interactive-chip-channel-primary-on-fill-pressed: #015c6c;
+--interactive-chip-channel-primary-off-fill-default: #e4edf0;
+--interactive-chip-channel-primary-off-fill-hover: #b7cfd7;
+--interactive-chip-channel-primary-off-fill-pressed: #a8c5cf;
+--interactive-chip-channel-primary-off-text-default: #0b3944;
+--interactive-chip-channel-primary-off-text-hover: #09303a;
+--interactive-chip-channel-primary-off-text-pressed: #092d36;
+--interactive-chip-channel-primary-off-icon-default: #0b3944;
+--interactive-chip-channel-primary-off-icon-hover: #09303a;
+--interactive-chip-channel-primary-off-icon-pressed: #092d36;
+--interactive-chip-channel-primary-off-border-default: #b2cfd5;
+--interactive-chip-channel-primary-off-border-hover: #8cb8c0;
+--interactive-chip-channel-primary-off-border-pressed: #7fb0b9;
+--label-channel: #017487;
+}
+
+[data-theme="timesRadio"] {
+--ramp-cobalt-50: #05080d;
+--ramp-cobalt-100: #0b121d;
+--ramp-cobalt-150: #101a2a;
+--ramp-cobalt-200: #132437;
+--ramp-cobalt-250: #1b2c44;
+--ramp-cobalt-300: #1f3454;
+--ramp-cobalt-350: #223e61;
+--ramp-cobalt-400: #2a466e;
+--ramp-cobalt-450: #2e507e;
+--ramp-cobalt-500: #33588b;
+--ramp-cobalt-550: #3d5f90;
+--ramp-cobalt-600: #486998;
+--ramp-cobalt-650: #53719d;
+--ramp-cobalt-700: #5e79a1;
+--ramp-cobalt-750: #6883a9;
+--ramp-cobalt-800: #708aae;
+--ramp-cobalt-850: #7b92b3;
+--ramp-cobalt-900: #869aba;
+--ramp-cobalt-950: #90a4bf;
+--ramp-cobalt-1000: #9babc4;
+--ramp-coral-50: #160a0a;
+--ramp-coral-100: #2f1311;
+--ramp-coral-150: #451c1b;
+--ramp-coral-200: #5e2524;
+--ramp-coral-250: #732f2b;
+--ramp-coral-300: #8c3835;
+--ramp-coral-350: #a2413f;
+--ramp-coral-400: #b84b46;
+--ramp-coral-450: #d0574f;
+--ramp-coral-500: #e75f58;
+--ramp-coral-550: #e96961;
+--ramp-coral-600: #eb7169;
+--ramp-coral-650: #ed7971;
+--ramp-coral-700: #ec7f79;
+--ramp-coral-750: #ee8784;
+--ramp-coral-800: #f08f8c;
+--ramp-coral-850: #f29791;
+--ramp-coral-900: #f49f9c;
+--ramp-coral-950: #f3a8a4;
+--ramp-coral-1000: #f5b0ab;
+--base-cobalt: #33588b;
+--base-coral: #e75f58;
 }
 }
 [data-color-mode="dark"] {
@@ -1338,17 +1569,22 @@
 --label-secondary: #d9d9d9;
 --label-channel: #999999;
 --label-callout: #ff3933;
---flag-primary-fill: #ffffff;
---flag-primary-text: #0d0d0d;
---flag-primary-icon: #0d0d0d;
---flag-secondary-text: #ffffff;
---flag-secondary-icon: #ffffff;
---flag-channel-fill: #575757;
---flag-channel-text: #e6e6e6;
---flag-channel-icon: #e6e6e6;
---flag-callout-fill: #ff3933;
---flag-callout-text: #ffffff;
---flag-callout-icon: #ffffff;
+--tag-primary-fill: #ffffff;
+--tag-primary-text: #000000;
+--tag-primary-icon: #000000;
+--tag-secondary-fill: #262626;
+--tag-secondary-text: #ffffff;
+--tag-secondary-icon: #ffffff;
+--tag-tertiary-text: #ffffff;
+--tag-tertiary-icon: #ffffff;
+--tag-callout-primary-fill: #ff3933;
+--tag-callout-primary-text: #ffffff;
+--tag-callout-primary-icon: #ffffff;
+--tag-callout-secondary-fill: #670909;
+--tag-callout-secondary-text: #ff3933;
+--tag-callout-secondary-icon: #ff3933;
+--tag-callout-tertiary-text: #ff3933;
+--tag-callout-tertiary-icon: #ff3933;
 --toast-fill-info: #0f4aa2;
 --toast-fill-success: #2c865b;
 --toast-fill-warning: #e49307;
@@ -1396,9 +1632,6 @@
 --border-channel-tertiary: #3d0e1c;
 --active-border: #ffffff;
 --label-channel: #aa4361;
---flag-channel-fill: #7d1738;
---flag-channel-text: #d091a4;
---flag-channel-icon: #d091a4;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1483,9 +1716,6 @@
 --border-channel-tertiary: #104149;
 --active-border: #ffffff;
 --label-channel: #47adbf;
---flag-channel-fill: #147f91;
---flag-channel-text: #97d0da;
---flag-channel-icon: #97d0da;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1570,9 +1800,6 @@
 --border-channel-tertiary: #5a2e17;
 --active-border: #ffffff;
 --label-channel: #e68854;
---flag-channel-fill: #b45c2a;
---flag-channel-text: #f0bb9c;
---flag-channel-icon: #f0bb9c;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1657,9 +1884,6 @@
 --border-channel-tertiary: #0b2452;
 --active-border: #ffffff;
 --label-channel: #3f77d2;
---flag-channel-fill: #124ba1;
---flag-channel-text: #91aee5;
---flag-channel-icon: #91aee5;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1744,9 +1968,6 @@
 --border-channel-tertiary: #1a2e3c;
 --active-border: #ffffff;
 --label-channel: #5d86a6;
---flag-channel-fill: #345a78;
---flag-channel-text: #a1b8cb;
---flag-channel-icon: #a1b8cb;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1831,9 +2052,6 @@
 --border-channel-tertiary: #073131;
 --active-border: #ffffff;
 --label-channel: #3c8b90;
---flag-channel-fill: #056065;
---flag-channel-text: #90bbbe;
---flag-channel-icon: #90bbbe;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -1918,9 +2136,6 @@
 --border-channel-tertiary: #0f2c3f;
 --active-border: #ffffff;
 --label-channel: #4786ac;
---flag-channel-fill: #1b5b7d;
---flag-channel-text: #94b9ce;
---flag-channel-icon: #94b9ce;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2005,9 +2220,6 @@
 --border-channel-tertiary: #254035;
 --active-border: #ffffff;
 --label-channel: #71b297;
---flag-channel-fill: #458469;
---flag-channel-text: #aed2c1;
---flag-channel-icon: #aed2c1;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2092,9 +2304,6 @@
 --border-channel-tertiary: #07311a;
 --active-border: #ffffff;
 --label-channel: #3b8e5d;
---flag-channel-fill: #006234;
---flag-channel-text: #8fbea1;
---flag-channel-icon: #8fbea1;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2179,9 +2388,6 @@
 --border-channel-tertiary: #113144;
 --active-border: #ffffff;
 --label-channel: #4f8eb9;
---flag-channel-fill: #26608b;
---flag-channel-text: #9abbd6;
---flag-channel-icon: #9abbd6;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2266,9 +2472,6 @@
 --border-channel-tertiary: #3b0f27;
 --active-border: #ffffff;
 --label-channel: #a4477c;
---flag-channel-fill: #771c51;
---flag-channel-text: #cd94b1;
---flag-channel-icon: #cd94b1;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2353,9 +2556,6 @@
 --border-channel-tertiary: #2b2b2b;
 --active-border: #ffffff;
 --label-channel: #82827f;
---flag-channel-fill: #575754;
---flag-channel-text: #b5b5b5;
---flag-channel-icon: #b5b5b5;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2440,9 +2640,6 @@
 --border-channel-tertiary: #0a1717;
 --active-border: #ffffff;
 --label-channel: #385a57;
---flag-channel-fill: #0c312e;
---flag-channel-text: #8b9f9c;
---flag-channel-icon: #8b9f9c;
 --interactive-negative-border-default: #e70300;
 --interactive-negative-border-hover: #c40300;
 --interactive-negative-border-pressed: #b90200;
@@ -2508,6 +2705,387 @@
 --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
 --interactive-tab-selected-border-default: #ffffff;
 }
+
+[data-theme="magazineLuxx"] {
+--surface-channel-50: #05121a;
+--surface-channel-100: #082235;
+--surface-channel-200: #114669;
+--surface-channel-300: #3e6f95;
+--surface-channel-400: #6b90ae;
+--surface-channel-500: #8eacc1;
+--text-channel-primary: #8eacc1;
+--text-channel-secondary: #799ab5;
+--text-channel-tertiary: #49799c;
+--icon-channel-primary: #154e76;
+--icon-channel-secondary: #216088;
+--icon-channel-tertiary: #49799c;
+--border-channel-primary: #5581a1;
+--border-channel-secondary: #3e6f95;
+--border-channel-tertiary: #216088;
+--active-border: #ffffff;
+--label-channel: #3e6f95;
+--interactive-negative-border-default: #e70300;
+--interactive-negative-border-hover: #c40300;
+--interactive-negative-border-pressed: #b90200;
+--interactive-negative-text-default: #e70300;
+--interactive-negative-text-hover: #c40300;
+--interactive-negative-text-pressed: #b90200;
+--interactive-negative-icon-default: #e70300;
+--interactive-negative-icon-hover: #c40300;
+--interactive-negative-icon-pressed: #b90200;
+--interactive-link-secondary-text-default: #8c8c8c;
+--interactive-link-secondary-text-hover: #777777;
+--interactive-link-secondary-text-pressed: #707070;
+--interactive-link-secondary-text-visited: #9a9a9a;
+--interactive-link-secondary-icon-default: #8c8c8c;
+--interactive-link-secondary-icon-hover: #777777;
+--interactive-link-secondary-icon-pressed: #707070;
+--interactive-link-secondary-icon-visited: #9a9a9a;
+--interactive-link-secondary-underline-default: #8c8c8c;
+--interactive-link-secondary-underline-hover: #9d9d9d;
+--interactive-link-secondary-underline-pressed: #a3a3a3;
+--interactive-link-secondary-underline-visited: #7e7e7e;
+--interactive-chip-channel-secondary-off-fill-default: #082235;
+--interactive-chip-channel-secondary-off-fill-hover: #071d2d;
+--interactive-chip-channel-secondary-off-fill-pressed: #061b2a;
+--interactive-chip-channel-secondary-off-text-default: #6b90ae;
+--interactive-chip-channel-secondary-off-text-hover: #547b9a;
+--interactive-chip-channel-secondary-off-text-pressed: #507491;
+--interactive-chip-channel-secondary-off-icon-default: #6b90ae;
+--interactive-chip-channel-secondary-off-icon-hover: #547b9a;
+--interactive-chip-channel-secondary-off-icon-pressed: #507491;
+--interactive-chip-channel-secondary-on-border-default: #6b90ae;
+--interactive-chip-channel-secondary-on-border-hover: #547b9a;
+--interactive-chip-channel-secondary-on-border-pressed: #507491;
+--interactive-chip-channel-secondary-on-fill-default: #082235;
+--interactive-chip-channel-secondary-on-fill-hover: #071d2d;
+--interactive-chip-channel-secondary-on-fill-pressed: #061b2a;
+--interactive-chip-channel-secondary-on-text-default: #ffffff;
+--interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-text-pressed: #cccccc;
+--interactive-chip-channel-secondary-on-icon-default: #ffffff;
+--interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
+--interactive-chip-channel-primary-off-fill-default: #05121a;
+--interactive-chip-channel-primary-off-fill-hover: #040f16;
+--interactive-chip-channel-primary-off-fill-pressed: #040e15;
+--interactive-chip-channel-primary-off-text-default: #8eacc1;
+--interactive-chip-channel-primary-off-text-hover: #6d94af;
+--interactive-chip-channel-primary-off-text-pressed: #638ca9;
+--interactive-chip-channel-primary-off-icon-default: #8eacc1;
+--interactive-chip-channel-primary-off-icon-hover: #6d94af;
+--interactive-chip-channel-primary-off-icon-pressed: #638ca9;
+--interactive-chip-channel-primary-off-border-default: #114669;
+--interactive-chip-channel-primary-off-border-hover: #0e3b59;
+--interactive-chip-channel-primary-off-border-pressed: #0e3854;
+--interactive-chip-channel-primary-on-fill-default: #114669;
+--interactive-chip-channel-primary-on-fill-hover: #0e3b59;
+--interactive-chip-channel-primary-on-fill-pressed: #0e3854;
+--interactive-chip-channel-primary-on-text-default: #ffffff;
+--interactive-chip-channel-primary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-text-pressed: #cccccc;
+--interactive-chip-channel-primary-on-icon-default: #ffffff;
+--interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-icon-pressed: #cccccc;
+--interactive-tab-selected-border-default: #ffffff;
+}
+
+[data-theme="magazineSundayTimes"] {
+--surface-channel-50: #1b140f;
+--surface-channel-100: #32281d;
+--surface-channel-200: #645137;
+--surface-channel-300: #927c60;
+--surface-channel-400: #ab9b85;
+--surface-channel-500: #bfb2a1;
+--text-channel-primary: #bfb2a1;
+--text-channel-secondary: #b3a38f;
+--text-channel-tertiary: #97846b;
+--icon-channel-primary: #715b3f;
+--icon-channel-secondary: #866d4d;
+--icon-channel-tertiary: #97846b;
+--border-channel-primary: #9f8c75;
+--border-channel-secondary: #927c60;
+--border-channel-tertiary: #866d4d;
+--active-border: #ffffff;
+--label-channel: #927c60;
+--interactive-negative-border-default: #e70300;
+--interactive-negative-border-hover: #c40300;
+--interactive-negative-border-pressed: #b90200;
+--interactive-negative-text-default: #e70300;
+--interactive-negative-text-hover: #c40300;
+--interactive-negative-text-pressed: #b90200;
+--interactive-negative-icon-default: #e70300;
+--interactive-negative-icon-hover: #c40300;
+--interactive-negative-icon-pressed: #b90200;
+--interactive-link-secondary-text-default: #8c8c8c;
+--interactive-link-secondary-text-hover: #777777;
+--interactive-link-secondary-text-pressed: #707070;
+--interactive-link-secondary-text-visited: #9a9a9a;
+--interactive-link-secondary-icon-default: #8c8c8c;
+--interactive-link-secondary-icon-hover: #777777;
+--interactive-link-secondary-icon-pressed: #707070;
+--interactive-link-secondary-icon-visited: #9a9a9a;
+--interactive-link-secondary-underline-default: #8c8c8c;
+--interactive-link-secondary-underline-hover: #9d9d9d;
+--interactive-link-secondary-underline-pressed: #a3a3a3;
+--interactive-link-secondary-underline-visited: #7e7e7e;
+--interactive-chip-channel-secondary-off-fill-default: #32281d;
+--interactive-chip-channel-secondary-off-fill-hover: #2b2219;
+--interactive-chip-channel-secondary-off-fill-pressed: #282017;
+--interactive-chip-channel-secondary-off-text-default: #ab9b85;
+--interactive-chip-channel-secondary-off-text-hover: #98856a;
+--interactive-chip-channel-secondary-off-text-pressed: #907d63;
+--interactive-chip-channel-secondary-off-icon-default: #ab9b85;
+--interactive-chip-channel-secondary-off-icon-hover: #98856a;
+--interactive-chip-channel-secondary-off-icon-pressed: #907d63;
+--interactive-chip-channel-secondary-on-border-default: #ab9b85;
+--interactive-chip-channel-secondary-on-border-hover: #98856a;
+--interactive-chip-channel-secondary-on-border-pressed: #907d63;
+--interactive-chip-channel-secondary-on-fill-default: #32281d;
+--interactive-chip-channel-secondary-on-fill-hover: #2b2219;
+--interactive-chip-channel-secondary-on-fill-pressed: #282017;
+--interactive-chip-channel-secondary-on-text-default: #ffffff;
+--interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-text-pressed: #cccccc;
+--interactive-chip-channel-secondary-on-icon-default: #ffffff;
+--interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
+--interactive-chip-channel-primary-off-fill-default: #1b140f;
+--interactive-chip-channel-primary-off-fill-hover: #17110d;
+--interactive-chip-channel-primary-off-fill-pressed: #16100c;
+--interactive-chip-channel-primary-off-text-default: #bfb2a1;
+--interactive-chip-channel-primary-off-text-hover: #aa9882;
+--interactive-chip-channel-primary-off-text-pressed: #a29077;
+--interactive-chip-channel-primary-off-icon-default: #bfb2a1;
+--interactive-chip-channel-primary-off-icon-hover: #aa9882;
+--interactive-chip-channel-primary-off-icon-pressed: #a29077;
+--interactive-chip-channel-primary-off-border-default: #645137;
+--interactive-chip-channel-primary-off-border-hover: #55452f;
+--interactive-chip-channel-primary-off-border-pressed: #50412c;
+--interactive-chip-channel-primary-on-fill-default: #645137;
+--interactive-chip-channel-primary-on-fill-hover: #55452f;
+--interactive-chip-channel-primary-on-fill-pressed: #50412c;
+--interactive-chip-channel-primary-on-text-default: #ffffff;
+--interactive-chip-channel-primary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-text-pressed: #cccccc;
+--interactive-chip-channel-primary-on-icon-default: #ffffff;
+--interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-icon-pressed: #cccccc;
+--interactive-tab-selected-border-default: #ffffff;
+}
+
+[data-theme="magazineTimes"] {
+--surface-channel-50: #141706;
+--surface-channel-100: #282b0e;
+--surface-channel-200: #535919;
+--surface-channel-300: #7e8544;
+--surface-channel-400: #9aa170;
+--surface-channel-500: #b1b893;
+--text-channel-primary: #b1b893;
+--text-channel-secondary: #a5a87b;
+--text-channel-tertiary: #868c4f;
+--icon-channel-primary: #5d6418;
+--icon-channel-secondary: #6f7629;
+--icon-channel-tertiary: #868c4f;
+--border-channel-primary: #8e945a;
+--border-channel-secondary: #7e8544;
+--border-channel-tertiary: #6f7629;
+--active-border: #ffffff;
+--label-channel: #7e8544;
+--interactive-negative-border-default: #e70300;
+--interactive-negative-border-hover: #c40300;
+--interactive-negative-border-pressed: #b90200;
+--interactive-negative-text-default: #e70300;
+--interactive-negative-text-hover: #c40300;
+--interactive-negative-text-pressed: #b90200;
+--interactive-negative-icon-default: #e70300;
+--interactive-negative-icon-hover: #c40300;
+--interactive-negative-icon-pressed: #b90200;
+--interactive-link-secondary-text-default: #8c8c8c;
+--interactive-link-secondary-text-hover: #777777;
+--interactive-link-secondary-text-pressed: #707070;
+--interactive-link-secondary-text-visited: #9a9a9a;
+--interactive-link-secondary-icon-default: #8c8c8c;
+--interactive-link-secondary-icon-hover: #777777;
+--interactive-link-secondary-icon-pressed: #707070;
+--interactive-link-secondary-icon-visited: #9a9a9a;
+--interactive-link-secondary-underline-default: #8c8c8c;
+--interactive-link-secondary-underline-hover: #9d9d9d;
+--interactive-link-secondary-underline-pressed: #a3a3a3;
+--interactive-link-secondary-underline-visited: #7e7e7e;
+--interactive-chip-channel-secondary-off-fill-default: #282b0e;
+--interactive-chip-channel-secondary-off-fill-hover: #22250c;
+--interactive-chip-channel-secondary-off-fill-pressed: #20220b;
+--interactive-chip-channel-secondary-off-text-default: #9aa170;
+--interactive-chip-channel-secondary-off-text-hover: #858c5c;
+--interactive-chip-channel-secondary-off-text-pressed: #7d8457;
+--interactive-chip-channel-secondary-off-icon-default: #9aa170;
+--interactive-chip-channel-secondary-off-icon-hover: #858c5c;
+--interactive-chip-channel-secondary-off-icon-pressed: #7d8457;
+--interactive-chip-channel-secondary-on-border-default: #9aa170;
+--interactive-chip-channel-secondary-on-border-hover: #858c5c;
+--interactive-chip-channel-secondary-on-border-pressed: #7d8457;
+--interactive-chip-channel-secondary-on-fill-default: #282b0e;
+--interactive-chip-channel-secondary-on-fill-hover: #22250c;
+--interactive-chip-channel-secondary-on-fill-pressed: #20220b;
+--interactive-chip-channel-secondary-on-text-default: #ffffff;
+--interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-text-pressed: #cccccc;
+--interactive-chip-channel-secondary-on-icon-default: #ffffff;
+--interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
+--interactive-chip-channel-primary-off-fill-default: #141706;
+--interactive-chip-channel-primary-off-fill-hover: #111405;
+--interactive-chip-channel-primary-off-fill-pressed: #101205;
+--interactive-chip-channel-primary-off-text-default: #b1b893;
+--interactive-chip-channel-primary-off-text-hover: #9ba475;
+--interactive-chip-channel-primary-off-text-pressed: #949e6b;
+--interactive-chip-channel-primary-off-icon-default: #b1b893;
+--interactive-chip-channel-primary-off-icon-hover: #9ba475;
+--interactive-chip-channel-primary-off-icon-pressed: #949e6b;
+--interactive-chip-channel-primary-off-border-default: #535919;
+--interactive-chip-channel-primary-off-border-hover: #474c15;
+--interactive-chip-channel-primary-off-border-pressed: #424714;
+--interactive-chip-channel-primary-on-fill-default: #535919;
+--interactive-chip-channel-primary-on-fill-hover: #474c15;
+--interactive-chip-channel-primary-on-fill-pressed: #424714;
+--interactive-chip-channel-primary-on-text-default: #ffffff;
+--interactive-chip-channel-primary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-text-pressed: #cccccc;
+--interactive-chip-channel-primary-on-icon-default: #ffffff;
+--interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-icon-pressed: #cccccc;
+--interactive-tab-selected-border-default: #ffffff;
+}
+
+[data-theme="timesPlus"] {
+--surface-channel-50: #06171a;
+--surface-channel-100: #092f37;
+--surface-channel-200: #0a5d6d;
+--surface-channel-300: #398999;
+--surface-channel-400: #6ba5b2;
+--surface-channel-500: #91b9c3;
+--text-channel-primary: #91b9c3;
+--text-channel-secondary: #7aacb7;
+--text-channel-tertiary: #4a90a0;
+--icon-channel-primary: #00687a;
+--icon-channel-secondary: #187c8c;
+--icon-channel-tertiary: #4a90a0;
+--border-channel-primary: #5698a5;
+--border-channel-secondary: #398999;
+--border-channel-tertiary: #187c8c;
+--active-border: #ffffff;
+--label-channel: #398999;
+--interactive-negative-border-default: #e70300;
+--interactive-negative-border-hover: #c40300;
+--interactive-negative-border-pressed: #b90200;
+--interactive-negative-text-default: #e70300;
+--interactive-negative-text-hover: #c40300;
+--interactive-negative-text-pressed: #b90200;
+--interactive-negative-icon-default: #e70300;
+--interactive-negative-icon-hover: #c40300;
+--interactive-negative-icon-pressed: #b90200;
+--interactive-link-secondary-text-default: #8c8c8c;
+--interactive-link-secondary-text-hover: #777777;
+--interactive-link-secondary-text-pressed: #707070;
+--interactive-link-secondary-text-visited: #9a9a9a;
+--interactive-link-secondary-icon-default: #8c8c8c;
+--interactive-link-secondary-icon-hover: #777777;
+--interactive-link-secondary-icon-pressed: #707070;
+--interactive-link-secondary-icon-visited: #9a9a9a;
+--interactive-link-secondary-underline-default: #8c8c8c;
+--interactive-link-secondary-underline-hover: #9d9d9d;
+--interactive-link-secondary-underline-pressed: #a3a3a3;
+--interactive-link-secondary-underline-visited: #7e7e7e;
+--interactive-chip-channel-secondary-off-fill-default: #092f37;
+--interactive-chip-channel-secondary-off-fill-hover: #08282f;
+--interactive-chip-channel-secondary-off-fill-pressed: #07262c;
+--interactive-chip-channel-secondary-off-text-default: #6ba5b2;
+--interactive-chip-channel-secondary-off-text-hover: #53919f;
+--interactive-chip-channel-secondary-off-text-pressed: #4e8996;
+--interactive-chip-channel-secondary-off-icon-default: #6ba5b2;
+--interactive-chip-channel-secondary-off-icon-hover: #53919f;
+--interactive-chip-channel-secondary-off-icon-pressed: #4e8996;
+--interactive-chip-channel-secondary-on-border-default: #6ba5b2;
+--interactive-chip-channel-secondary-on-border-hover: #53919f;
+--interactive-chip-channel-secondary-on-border-pressed: #4e8996;
+--interactive-chip-channel-secondary-on-fill-default: #092f37;
+--interactive-chip-channel-secondary-on-fill-hover: #08282f;
+--interactive-chip-channel-secondary-on-fill-pressed: #07262c;
+--interactive-chip-channel-secondary-on-text-default: #ffffff;
+--interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-text-pressed: #cccccc;
+--interactive-chip-channel-secondary-on-icon-default: #ffffff;
+--interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
+--interactive-chip-channel-primary-off-fill-default: #06171a;
+--interactive-chip-channel-primary-off-fill-hover: #051416;
+--interactive-chip-channel-primary-off-fill-pressed: #051215;
+--interactive-chip-channel-primary-off-text-default: #91b9c3;
+--interactive-chip-channel-primary-off-text-hover: #70a4b1;
+--interactive-chip-channel-primary-off-text-pressed: #659dab;
+--interactive-chip-channel-primary-off-icon-default: #91b9c3;
+--interactive-chip-channel-primary-off-icon-hover: #70a4b1;
+--interactive-chip-channel-primary-off-icon-pressed: #659dab;
+--interactive-chip-channel-primary-off-border-default: #0a5d6d;
+--interactive-chip-channel-primary-off-border-hover: #084e5c;
+--interactive-chip-channel-primary-off-border-pressed: #084a57;
+--interactive-chip-channel-primary-on-fill-default: #0a5d6d;
+--interactive-chip-channel-primary-on-fill-hover: #084e5c;
+--interactive-chip-channel-primary-on-fill-pressed: #084a57;
+--interactive-chip-channel-primary-on-text-default: #ffffff;
+--interactive-chip-channel-primary-on-text-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-text-pressed: #cccccc;
+--interactive-chip-channel-primary-on-icon-default: #ffffff;
+--interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
+--interactive-chip-channel-primary-on-icon-pressed: #cccccc;
+--interactive-tab-selected-border-default: #ffffff;
+}
+
+[data-theme="timesRadio"] {
+--ramp-cobalt-50: #05080d;
+--ramp-cobalt-100: #0b121d;
+--ramp-cobalt-150: #101a2a;
+--ramp-cobalt-200: #132437;
+--ramp-cobalt-250: #1b2c44;
+--ramp-cobalt-300: #1f3454;
+--ramp-cobalt-350: #223e61;
+--ramp-cobalt-400: #2a466e;
+--ramp-cobalt-450: #2e507e;
+--ramp-cobalt-500: #33588b;
+--ramp-cobalt-550: #3d5f90;
+--ramp-cobalt-600: #486998;
+--ramp-cobalt-650: #53719d;
+--ramp-cobalt-700: #5e79a1;
+--ramp-cobalt-750: #6883a9;
+--ramp-cobalt-800: #708aae;
+--ramp-cobalt-850: #7b92b3;
+--ramp-cobalt-900: #869aba;
+--ramp-cobalt-950: #90a4bf;
+--ramp-cobalt-1000: #9babc4;
+--ramp-coral-50: #160a0a;
+--ramp-coral-100: #2f1311;
+--ramp-coral-150: #451c1b;
+--ramp-coral-200: #5e2524;
+--ramp-coral-250: #732f2b;
+--ramp-coral-300: #8c3835;
+--ramp-coral-350: #a2413f;
+--ramp-coral-400: #b84b46;
+--ramp-coral-450: #d0574f;
+--ramp-coral-500: #e75f58;
+--ramp-coral-550: #e96961;
+--ramp-coral-600: #eb7169;
+--ramp-coral-650: #ed7971;
+--ramp-coral-700: #ec7f79;
+--ramp-coral-750: #ee8784;
+--ramp-coral-800: #f08f8c;
+--ramp-coral-850: #f29791;
+--ramp-coral-900: #f49f9c;
+--ramp-coral-950: #f3a8a4;
+--ramp-coral-1000: #f5b0ab;
+--base-cobalt: #33588b;
+--base-coral: #e75f58;
+}
 }
 @media (min-width: 0px) {
 :root {
@@ -2584,18 +3162,18 @@
 --grid-viewport: 816px;
 --grid-max-width: 1023px;
 --grid-content-area: 768px;
---grid-span-1: 35px;
---grid-span-2: 101px;
---grid-span-3: 168px;
---grid-span-4: 235px;
---grid-span-5: 301px;
---grid-span-6: 368px;
---grid-span-7: 435px;
---grid-span-8: 501px;
---grid-span-9: 568px;
---grid-span-10: 635px;
---grid-span-11: 701px;
---grid-span-12: 768px;
+--grid-span-1: 31px;
+--grid-span-2: 93px;
+--grid-span-3: 156px;
+--grid-span-4: 219px;
+--grid-span-5: 281px;
+--grid-span-6: 344px;
+--grid-span-7: 407px;
+--grid-span-8: 469px;
+--grid-span-9: 532px;
+--grid-span-10: 595px;
+--grid-span-11: 657px;
+--grid-span-12: 720px;
 --fontSize100: 4rem;
 }}
 @media (min-width: 1024px) {
@@ -2606,18 +3184,18 @@
 --grid-viewport: 1072px;
 --grid-max-width: 1439px;
 --grid-content-area: 1024px;
---grid-span-1: 56px;
---grid-span-2: 144px;
---grid-span-3: 232px;
---grid-span-4: 320px;
---grid-span-5: 408px;
---grid-span-6: 496px;
---grid-span-7: 584px;
---grid-span-8: 672px;
---grid-span-9: 760px;
---grid-span-10: 848px;
---grid-span-11: 936px;
---grid-span-12: 1024px;
+--grid-span-1: 52px;
+--grid-span-2: 136px;
+--grid-span-3: 220px;
+--grid-span-4: 304px;
+--grid-span-5: 388px;
+--grid-span-6: 472px;
+--grid-span-7: 556px;
+--grid-span-8: 640px;
+--grid-span-9: 724px;
+--grid-span-10: 808px;
+--grid-span-11: 892px;
+--grid-span-12: 976px;
 --fontSize100: 4.6rem;
 }}
 @media (min-width: 1440px) {
@@ -2628,18 +3206,18 @@
 --grid-viewport: 1440px;
 --grid-max-width: 1920px;
 --grid-content-area: 1144px;
---grid-span-1: 66px;
---grid-span-2: 164px;
---grid-span-3: 262px;
---grid-span-4: 360px;
---grid-span-5: 458px;
---grid-span-6: 556px;
---grid-span-7: 654px;
---grid-span-8: 752px;
---grid-span-9: 850px;
---grid-span-10: 948px;
---grid-span-11: 1046px;
---grid-span-12: 1144px;
+--grid-span-1: 62px;
+--grid-span-2: 156px;
+--grid-span-3: 250px;
+--grid-span-4: 344px;
+--grid-span-5: 438px;
+--grid-span-6: 532px;
+--grid-span-7: 626px;
+--grid-span-8: 720px;
+--grid-span-9: 814px;
+--grid-span-10: 908px;
+--grid-span-11: 1002px;
+--grid-span-12: 1096px;
 --fontSize090: 3.6rem;
 --fontSize100: 5.6rem;
 --fontSize110: 4rem;
@@ -3057,4 +3635,16 @@ font: var(--fontWeight040) var(--fontSize030)/var(--fontLineHeight040) var(--fon
 .utility-link-standalone-brand-large {
 font: var(--fontWeight040) var(--fontSize040)/var(--fontLineHeight040) var(--fontFamily020);
 }
+.utility-input-label-xsmall {
+font: var(--fontWeight040) var(--fontSize010)/var(--fontLineHeight020) var(--fontFamily040);
+}
+.utility-input-label-small {
+font: var(--fontWeight040) var(--fontSize020)/var(--fontLineHeight020) var(--fontFamily040);
+}
+.utility-input-label-medium {
+font: var(--fontWeight040) var(--fontSize030)/var(--fontLineHeight020) var(--fontFamily040);
+}
+.utility-input-label-large {
+font: var(--fontWeight040) var(--fontSize040)/var(--fontLineHeight020) var(--fontFamily040);
+}
     

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-design-system/theme-css",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "type": "module",
   "description": "Times Design System theme package - pre-resolved color tokens for CSS",
   "keywords": [
@@ -41,5 +41,5 @@
     "url": "https://github.com/newsuk/times-design-system/issues"
   },
   "homepage": "https://github.com/newsuk/times-design-system#readme",
-  "gitHead": "4e9bd2bc67b0dc34eb38eac29cebe11c6bcdb25b"
+  "gitHead": "f57ef06b52f90bc4c57a8e0cefd9be6c54b8f7bf"
 }