@times-design-system/theme-scss 1.4.0 → 1.5.0

package/dist/tds-typography.scss

@@ -119,690 +119,546 @@
 --tds-font-size160: 5rem;
 }}
 
-$tds-font-size0025: var(--tds-font-size0025);
-$tds-font-size005: var(--tds-font-size005);
-$tds-font-size010: var(--tds-font-size010);
-$tds-font-size020: var(--tds-font-size020);
-$tds-font-size025: var(--tds-font-size025);
-$tds-font-size030: var(--tds-font-size030);
-$tds-font-size035: var(--tds-font-size035);
-$tds-font-size040: var(--tds-font-size040);
-$tds-font-size045: var(--tds-font-size045);
-$tds-font-size050: var(--tds-font-size050);
-$tds-font-size060: var(--tds-font-size060);
-$tds-font-size070: var(--tds-font-size070);
-$tds-font-size080: var(--tds-font-size080);
-$tds-font-size090: var(--tds-font-size090);
-$tds-font-size095: var(--tds-font-size095);
-$tds-font-size100: var(--tds-font-size100);
-$tds-font-size105: var(--tds-font-size105);
-$tds-font-size110: var(--tds-font-size110);
-$tds-font-size120: var(--tds-font-size120);
-$tds-font-size125: var(--tds-font-size125);
-$tds-font-size130: var(--tds-font-size130);
-$tds-font-size140: var(--tds-font-size140);
-$tds-font-size150: var(--tds-font-size150);
-$tds-font-size155: var(--tds-font-size155);
-$tds-font-size160: var(--tds-font-size160);
-$tds-font-size170: var(--tds-font-size170);
-$tds-font-size180: var(--tds-font-size180);
-$tds-font-size190: var(--tds-font-size190);
-$tds-font-size200: var(--tds-font-size200);
-$tds-font-size210: var(--tds-font-size210);
-$tds-font-size220: var(--tds-font-size220);
-$tds-font-size230: var(--tds-font-size230);
-$tds-font-size240: var(--tds-font-size240);
-$tds-font-size250: var(--tds-font-size250);
-$tds-font-weight010: 100;
-$tds-font-weight020: 200;
-$tds-font-weight030: 300;
-$tds-font-weight040: 400;
-$tds-font-weight050: 500;
-$tds-font-weight060: 600;
-$tds-font-weight070: 700;
-$tds-font-weight080: 800;
-$tds-font-weight090: 900;
-$tds-font-family010: Times Modern;
-$tds-font-family020: Times Digital W04 Regular;
-$tds-font-family030: Times Digital W04 Bold;
-$tds-font-family040: Roboto;
-$tds-font-line-height010: 1;
-$tds-font-line-height020: 1.125;
-$tds-font-line-height030: 1.25;
-$tds-font-line-height040: 1.5;
-$tds-font-line-height050: 1.75;
-$tds-font-line-height060: 2;
+$tds-fontSize0025: var(--tds-font-size0025);
+$tds-fontSize005: var(--tds-font-size005);
+$tds-fontSize010: var(--tds-font-size010);
+$tds-fontSize020: var(--tds-font-size020);
+$tds-fontSize025: var(--tds-font-size025);
+$tds-fontSize030: var(--tds-font-size030);
+$tds-fontSize035: var(--tds-font-size035);
+$tds-fontSize040: var(--tds-font-size040);
+$tds-fontSize045: var(--tds-font-size045);
+$tds-fontSize050: var(--tds-font-size050);
+$tds-fontSize060: var(--tds-font-size060);
+$tds-fontSize070: var(--tds-font-size070);
+$tds-fontSize080: var(--tds-font-size080);
+$tds-fontSize090: var(--tds-font-size090);
+$tds-fontSize095: var(--tds-font-size095);
+$tds-fontSize100: var(--tds-font-size100);
+$tds-fontSize105: var(--tds-font-size105);
+$tds-fontSize110: var(--tds-font-size110);
+$tds-fontSize120: var(--tds-font-size120);
+$tds-fontSize125: var(--tds-font-size125);
+$tds-fontSize130: var(--tds-font-size130);
+$tds-fontSize140: var(--tds-font-size140);
+$tds-fontSize150: var(--tds-font-size150);
+$tds-fontSize155: var(--tds-font-size155);
+$tds-fontSize160: var(--tds-font-size160);
+$tds-fontSize170: var(--tds-font-size170);
+$tds-fontSize180: var(--tds-font-size180);
+$tds-fontSize190: var(--tds-font-size190);
+$tds-fontSize200: var(--tds-font-size200);
+$tds-fontSize210: var(--tds-font-size210);
+$tds-fontSize220: var(--tds-font-size220);
+$tds-fontSize230: var(--tds-font-size230);
+$tds-fontSize240: var(--tds-font-size240);
+$tds-fontSize250: var(--tds-font-size250);
+$tds-fontWeight010: 100;
+$tds-fontWeight020: 200;
+$tds-fontWeight030: 300;
+$tds-fontWeight040: 400;
+$tds-fontWeight050: 500;
+$tds-fontWeight060: 600;
+$tds-fontWeight070: 700;
+$tds-fontWeight080: 800;
+$tds-fontWeight090: 900;
+$tds-fontFamily010: Times Modern;
+$tds-fontFamily020: Times Digital W04 Regular;
+$tds-fontFamily030: Times Digital W04 Bold;
+$tds-fontFamily040: Times Roboto;
+$tds-fontLineHeight010: 1;
+$tds-fontLineHeight020: 1.125;
+$tds-fontLineHeight030: 1.25;
+$tds-fontLineHeight040: 1.5;
+$tds-fontLineHeight050: 1.75;
+$tds-fontLineHeight060: 2;
 
     
 .brand-heading-fluid-light-2xsmall {
-  font: var($tds-font-weight030) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize045)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-xsmall {
-  font: var($tds-font-weight030) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-small {
-  font: var($tds-font-weight030) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-medium {
-  font: var($tds-font-weight030) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize080)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-large {
-  font: var($tds-font-weight030) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize090)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-xlarge {
-  font: var($tds-font-weight030) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize095)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-light-2xlarge {
-  font: var($tds-font-weight030) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize100)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-2xsmall {
-  font: var($tds-font-weight040) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize045)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-xsmall {
-  font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-small {
-  font: var($tds-font-weight040) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-medium {
-  font: var($tds-font-weight040) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize080)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-large {
-  font: var($tds-font-weight040) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize090)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-xlarge {
-  font: var($tds-font-weight040) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize095)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-regular-2xlarge {
-  font: var($tds-font-weight040) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize100)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-2xsmall {
-  font: var($tds-font-weight070) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize045)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-xsmall {
-  font: var($tds-font-weight070) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-small {
-  font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-medium {
-  font: var($tds-font-weight070) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize080)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-large {
-  font: var($tds-font-weight070) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize090)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-xlarge {
-  font: var($tds-font-weight070) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize095)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-bold-2xlarge {
-  font: var($tds-font-weight070) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize100)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-2xsmall {
-  font: var($tds-font-weight080) var($tds-font-size045)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize045)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-xsmall {
-  font: var($tds-font-weight080) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-small {
-  font: var($tds-font-weight080) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-medium {
-  font: var($tds-font-weight080) var($tds-font-size080)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize080)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-large {
-  font: var($tds-font-weight080) var($tds-font-size090)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize090)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-xlarge {
-  font: var($tds-font-weight070) var($tds-font-size095)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize095)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-fluid-black-2xlarge {
-  font: var($tds-font-weight080) var($tds-font-size100)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) var($tds-fontSize100)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-100 {
-  font: var($tds-font-weight030) 56px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 56px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-010 {
-  font: var($tds-font-weight030) 19px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 19px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-020 {
-  font: var($tds-font-weight030) 20px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 20px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-030 {
-  font: var($tds-font-weight030) 24px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 24px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-040 {
-  font: var($tds-font-weight030) 28px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 28px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-050 {
-  font: var($tds-font-weight030) 32px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 32px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-060 {
-  font: var($tds-font-weight030) 36px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 36px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-070 {
-  font: var($tds-font-weight030) 40px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 40px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-080 {
-  font: var($tds-font-weight030) 46px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 46px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-light-090 {
-  font: var($tds-font-weight030) 48px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) 48px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-100 {
-  font: var($tds-font-weight040) 56px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 56px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-010 {
-  font: var($tds-font-weight040) 19px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 19px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-020 {
-  font: var($tds-font-weight040) 20px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 20px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-030 {
-  font: var($tds-font-weight040) 24px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 24px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-040 {
-  font: var($tds-font-weight040) 28px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 28px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-050 {
-  font: var($tds-font-weight040) 32px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 32px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-060 {
-  font: var($tds-font-weight040) 36px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 36px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-070 {
-  font: var($tds-font-weight040) 40px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 40px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-080 {
-  font: var($tds-font-weight040) 46px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 46px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-regular-090 {
-  font: var($tds-font-weight040) 48px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) 48px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-100 {
-  font: var($tds-font-weight070) 56px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 56px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-010 {
-  font: var($tds-font-weight070) 19px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 19px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-020 {
-  font: var($tds-font-weight070) 20px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 20px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-030 {
-  font: var($tds-font-weight070) 24px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 24px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-040 {
-  font: var($tds-font-weight070) 28px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 28px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-050 {
-  font: var($tds-font-weight070) 32px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 32px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-060 {
-  font: var($tds-font-weight070) 36px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 36px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-070 {
-  font: var($tds-font-weight070) 40px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 40px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-080 {
-  font: var($tds-font-weight070) 46px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 46px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-bold-090 {
-  font: var($tds-font-weight070) 48px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) 48px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-100 {
-  font: var($tds-font-weight080) 56px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 56px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-010 {
-  font: var($tds-font-weight080) 19px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 19px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-020 {
-  font: var($tds-font-weight080) 20px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 20px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-030 {
-  font: var($tds-font-weight080) 24px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 24px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-040 {
-  font: var($tds-font-weight080) 28px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 28px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-050 {
-  font: var($tds-font-weight080) 32px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 32px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-060 {
-  font: var($tds-font-weight080) 36px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 36px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-070 {
-  font: var($tds-font-weight080) 40px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 40px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-080 {
-  font: var($tds-font-weight080) 46px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 46px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-heading-static-black-090 {
-  font: var($tds-font-weight080) 48px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-100 {
-  font: var($tds-font-weight030) 300px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-010 {
-  font: var($tds-font-weight030) 68px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-020 {
-  font: var($tds-font-weight030) 94px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-030 {
-  font: var($tds-font-weight030) 120px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-040 {
-  font: var($tds-font-weight030) 145px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-050 {
-  font: var($tds-font-weight030) 171px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-060 {
-  font: var($tds-font-weight030) 197px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-070 {
-  font: var($tds-font-weight030) 223px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-080 {
-  font: var($tds-font-weight030) 248px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-light-090 {
-  font: var($tds-font-weight030) 274px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-100 {
-  font: var($tds-font-weight040) 300px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-010 {
-  font: var($tds-font-weight040) 68px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-020 {
-  font: var($tds-font-weight040) 94px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-030 {
-  font: var($tds-font-weight040) 120px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-040 {
-  font: var($tds-font-weight040) 145px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-050 {
-  font: var($tds-font-weight040) 171px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-060 {
-  font: var($tds-font-weight040) 197px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-070 {
-  font: var($tds-font-weight040) 223px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-080 {
-  font: var($tds-font-weight040) 248px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-regular-090 {
-  font: var($tds-font-weight040) 274px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-100 {
-  font: var($tds-font-weight070) 300px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-010 {
-  font: var($tds-font-weight070) 68px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-020 {
-  font: var($tds-font-weight070) 94px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-030 {
-  font: var($tds-font-weight070) 120px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-040 {
-  font: var($tds-font-weight070) 145px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-050 {
-  font: var($tds-font-weight070) 171px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-060 {
-  font: var($tds-font-weight070) 197px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-070 {
-  font: var($tds-font-weight070) 223px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-080 {
-  font: var($tds-font-weight070) 248px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-bold-090 {
-  font: var($tds-font-weight070) 274px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-100 {
-  font: var($tds-font-weight080) 300px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-010 {
-  font: var($tds-font-weight080) 68px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-020 {
-  font: var($tds-font-weight080) 94px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-030 {
-  font: var($tds-font-weight080) 120px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-040 {
-  font: var($tds-font-weight080) 145px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-050 {
-  font: var($tds-font-weight080) 171px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-060 {
-  font: var($tds-font-weight080) 197px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-070 {
-  font: var($tds-font-weight080) 223px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-080 {
-  font: var($tds-font-weight080) 248px / var($tds-font-line-height020) var($tds-font-family010);
-}
-
-.brand-display-black-090 {
-  font: var($tds-font-weight080) 274px / var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight080) 48px / var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-light-small {
-  font: var($tds-font-weight030) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-light-medium {
-  font: var($tds-font-weight030) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize040)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-light-large {
-  font: var($tds-font-weight030) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-light-xlarge {
-  font: var($tds-font-weight030) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight030) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-regular-small {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-regular-medium {
-  font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize040)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-regular-large {
-  font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-regular-xlarge {
-  font: var($tds-font-weight040) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-bold-small {
-  font: var($tds-font-weight070) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-bold-medium {
-  font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize040)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-bold-large {
-  font: var($tds-font-weight070) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-subheading-bold-xlarge {
-  font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight070) var($tds-fontSize070)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-standfirst-large {
-  font: var($tds-font-weight040) var($tds-font-size050)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize050)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-standfirst-medium {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family010);
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily010);
 }
 
 .brand-paragraph-regular-small {
-  font: var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family020);
+  font: var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }
 
 .brand-paragraph-regular-medium {
-  font: var($tds-font-size035)/var($tds-font-line-height040) var($tds-font-family020);
+  font: var($tds-fontSize035)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }
 
 .brand-paragraph-bold-small {
-  font: var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family030);
+  font: var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily030);
 }
 
 .brand-paragraph-bold-medium {
-  font: var($tds-font-size035)/var($tds-font-line-height040) var($tds-font-family030);
+  font: var($tds-fontSize035)/var($tds-fontLineHeight040) var($tds-fontFamily030);
 }
 
 .brand-caption {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .brand-byline-medium {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily040);
 }
 
 .brand-byline-small {
-  font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize010)/var($tds-fontLineHeight020) var($tds-fontFamily040);
 }
 
 .utility-heading-small {
-  font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight070) var($tds-fontSize040)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-heading-medium {
-  font: var($tds-font-weight070) var($tds-font-size070)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight070) var($tds-fontSize070)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-heading-large {
-  font: var($tds-font-weight070) var($tds-font-size080)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight070) var($tds-fontSize080)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-subheading-xsmall {
-  font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize010)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-subheading-small {
-  font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize020)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-subheading-medium {
-  font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize030)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-subheading-large {
-  font: var($tds-font-weight050) var($tds-font-size050)/var($tds-font-line-height030) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize050)/var($tds-fontLineHeight030) var($tds-fontFamily040);
 }
 
 .utility-body-regular-xsmall {
-  font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize010)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-regular-2xsmall {
-  font: var($tds-font-weight040) var($tds-font-size005)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize005)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-regular-small {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-regular-medium {
-  font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-regular-large {
-  font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight040) var($tds-fontSize040)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-bold-2xsmall {
-  font: var($tds-font-weight050) var($tds-font-size005)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize005)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-bold-xsmall {
-  font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize010)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-bold-small {
-  font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize020)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-bold-medium {
-  font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-body-bold-large {
-  font: var($tds-font-weight070) var($tds-font-size040)/var($tds-font-line-height040) var($tds-font-family040);
+  font: var($tds-fontWeight070) var($tds-fontSize040)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
 .utility-button-xsmall {
-  font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height010) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize010)/var($tds-fontLineHeight010) var($tds-fontFamily040);
 }
 
 .utility-button-small {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height010) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize020)/var($tds-fontLineHeight010) var($tds-fontFamily040);
 }
 
 .utility-button-medium {
-  font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height010) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize030)/var($tds-fontLineHeight010) var($tds-fontFamily040);
 }
 
 .utility-button-large {
-  font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height010) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize040)/var($tds-fontLineHeight010) var($tds-fontFamily040);
 }
 
 .utility-label-xsmall {
-  font: var($tds-font-weight050) var($tds-font-size010)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize010)/var($tds-fontLineHeight020) var($tds-fontFamily040);
 }
 
 .utility-label-small {
-  font: var($tds-font-weight050) var($tds-font-size020)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize020)/var($tds-fontLineHeight020) var($tds-fontFamily040);
 }
 
 .utility-label-medium {
-  font: var($tds-font-weight050) var($tds-font-size030)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize030)/var($tds-fontLineHeight020) var($tds-fontFamily040);
 }
 
 .utility-label-large {
-  font: var($tds-font-weight050) var($tds-font-size040)/var($tds-font-line-height020) var($tds-font-family040);
+  font: var($tds-fontWeight050) var($tds-fontSize040)/var($tds-fontLineHeight020) var($tds-fontFamily040);
+}
+
+.utility-link-utility-xsmall {
+  font: var($tds-fontWeight070) var($tds-fontSize010)/var($tds-fontLineHeight040) var($tds-fontFamily040);
+}
+
+.utility-link-utility-small {
+  font: var($tds-fontWeight070) var($tds-fontSize020)/var($tds-fontLineHeight040) var($tds-fontFamily040);
+}
+
+.utility-link-utility-medium {
+  font: var($tds-fontWeight070) var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily040);
+}
+
+.utility-link-utility-large {
+  font: var($tds-fontWeight070) var($tds-fontSize040)/var($tds-fontLineHeight040) var($tds-fontFamily040);
 }
 
-.utility-link-xsmall {
-  font: var($tds-font-weight040) var($tds-font-size010)/var($tds-font-line-height010) var($tds-font-family040);
+.utility-link-brand-xsmall {
+  font: var($tds-fontWeight040) var($tds-fontSize010)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }
 
-.utility-link-small {
-  font: var($tds-font-weight040) var($tds-font-size020)/var($tds-font-line-height010) var($tds-font-family040);
+.utility-link-brand-small {
+  font: var($tds-fontWeight040) var($tds-fontSize020)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }
 
-.utility-link-medium {
-  font: var($tds-font-weight040) var($tds-font-size030)/var($tds-font-line-height010) var($tds-font-family040);
+.utility-link-brand-medium {
+  font: var($tds-fontWeight040) var($tds-fontSize030)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }
 
-.utility-link-large {
-  font: var($tds-font-weight040) var($tds-font-size040)/var($tds-font-line-height010) var($tds-font-family040);
+.utility-link-brand-large {
+  font: var($tds-fontWeight040) var($tds-fontSize040)/var($tds-fontLineHeight040) var($tds-fontFamily020);
 }