@nationaldesignstudio/react 0.0.15 → 0.0.17

package/dist/tokens.css

@@ -1466,7 +1466,7 @@
 }
 
 
-@utility typography-typography-large-body-large {
+@utility typography-large-body-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-21);
   font-weight: var(--font-weight-regular);
@@ -1474,7 +1474,7 @@
   letter-spacing: var(--tracking-21);
 }
 
-@utility typography-typography-large-body-medium {
+@utility typography-large-body-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-regular);
@@ -1482,7 +1482,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-large-body-small {
+@utility typography-large-body-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-regular);
@@ -1490,7 +1490,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-large-button-large {
+@utility typography-large-button-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -1498,7 +1498,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-large-button-medium {
+@utility typography-large-button-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -1506,7 +1506,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-large-button-small {
+@utility typography-large-button-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -1514,7 +1514,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-large-button-xl {
+@utility typography-large-button-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-24);
   font-weight: var(--font-weight-medium);
@@ -1522,7 +1522,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-large-caption-large {
+@utility typography-large-caption-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-regular);
@@ -1530,7 +1530,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-large-caption-small {
+@utility typography-large-caption-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-regular);
@@ -1538,7 +1538,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-large-display-hero {
+@utility typography-large-display-hero {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-280);
   font-weight: var(--font-weight-medium);
@@ -1546,7 +1546,7 @@
   letter-spacing: var(--tracking-280);
 }
 
-@utility typography-typography-large-display-hero-regular {
+@utility typography-large-display-hero-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-280);
   font-weight: var(--font-weight-regular);
@@ -1554,7 +1554,7 @@
   letter-spacing: var(--tracking-280);
 }
 
-@utility typography-typography-large-display-hero-semibold {
+@utility typography-large-display-hero-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-280);
   font-weight: var(--font-weight-semibold);
@@ -1562,7 +1562,7 @@
   letter-spacing: var(--tracking-280);
 }
 
-@utility typography-typography-large-display-large {
+@utility typography-large-display-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-192);
   font-weight: var(--font-weight-medium);
@@ -1570,7 +1570,7 @@
   letter-spacing: var(--tracking-192);
 }
 
-@utility typography-typography-large-display-medium {
+@utility typography-large-display-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-168);
   font-weight: var(--font-weight-medium);
@@ -1578,7 +1578,7 @@
   letter-spacing: var(--tracking-168);
 }
 
-@utility typography-typography-large-display-small {
+@utility typography-large-display-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-148);
   font-weight: var(--font-weight-medium);
@@ -1586,7 +1586,7 @@
   letter-spacing: var(--tracking-148);
 }
 
-@utility typography-typography-large-display-xl {
+@utility typography-large-display-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-224);
   font-weight: var(--font-weight-medium);
@@ -1594,7 +1594,7 @@
   letter-spacing: var(--tracking-224);
 }
 
-@utility typography-typography-large-display-xl-regular {
+@utility typography-large-display-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-224);
   font-weight: var(--font-weight-regular);
@@ -1602,7 +1602,7 @@
   letter-spacing: var(--tracking-224);
 }
 
-@utility typography-typography-large-display-xl-semibold {
+@utility typography-large-display-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-224);
   font-weight: var(--font-weight-semibold);
@@ -1610,7 +1610,7 @@
   letter-spacing: var(--tracking-224);
 }
 
-@utility typography-typography-large-headline-large {
+@utility typography-large-headline-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-96);
   font-weight: var(--font-weight-medium);
@@ -1618,7 +1618,7 @@
   letter-spacing: var(--tracking-96);
 }
 
-@utility typography-typography-large-headline-large-regular {
+@utility typography-large-headline-large-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-96);
   font-weight: var(--font-weight-regular);
@@ -1626,7 +1626,7 @@
   letter-spacing: var(--tracking-96);
 }
 
-@utility typography-typography-large-headline-large-semibold {
+@utility typography-large-headline-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-96);
   font-weight: var(--font-weight-semibold);
@@ -1634,7 +1634,7 @@
   letter-spacing: var(--tracking-96);
 }
 
-@utility typography-typography-large-headline-medium {
+@utility typography-large-headline-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-medium);
@@ -1642,7 +1642,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-large-headline-medium-regular {
+@utility typography-large-headline-medium-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-regular);
@@ -1650,7 +1650,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-large-headline-medium-semibold {
+@utility typography-large-headline-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-semibold);
@@ -1658,7 +1658,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-large-headline-small {
+@utility typography-large-headline-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-56);
   font-weight: var(--font-weight-medium);
@@ -1666,7 +1666,7 @@
   letter-spacing: var(--tracking-56);
 }
 
-@utility typography-typography-large-headline-xl {
+@utility typography-large-headline-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-112);
   font-weight: var(--font-weight-medium);
@@ -1674,7 +1674,7 @@
   letter-spacing: var(--tracking-112);
 }
 
-@utility typography-typography-large-headline-xl-regular {
+@utility typography-large-headline-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-112);
   font-weight: var(--font-weight-regular);
@@ -1682,7 +1682,7 @@
   letter-spacing: var(--tracking-112);
 }
 
-@utility typography-typography-large-headline-xl-semibold {
+@utility typography-large-headline-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-112);
   font-weight: var(--font-weight-semibold);
@@ -1690,7 +1690,7 @@
   letter-spacing: var(--tracking-112);
 }
 
-@utility typography-typography-large-label-large {
+@utility typography-large-label-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -1698,7 +1698,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-large-label-medium {
+@utility typography-large-label-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -1706,7 +1706,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-large-label-small {
+@utility typography-large-label-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-medium);
@@ -1714,7 +1714,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-large-link-large {
+@utility typography-large-link-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -1722,7 +1722,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-large-link-medium {
+@utility typography-large-link-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -1730,7 +1730,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-large-link-small {
+@utility typography-large-link-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -1738,7 +1738,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-large-subheading-large {
+@utility typography-large-subheading-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-medium);
@@ -1746,7 +1746,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-large-subheading-large-semibold {
+@utility typography-large-subheading-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-semibold);
@@ -1754,7 +1754,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-large-subheading-medium {
+@utility typography-large-subheading-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-32);
   font-weight: var(--font-weight-medium);
@@ -1762,7 +1762,7 @@
   letter-spacing: var(--tracking-32);
 }
 
-@utility typography-typography-large-subheading-medium-semibold {
+@utility typography-large-subheading-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-32);
   font-weight: var(--font-weight-semibold);
@@ -1770,7 +1770,7 @@
   letter-spacing: var(--tracking-32);
 }
 
-@utility typography-typography-large-subheading-small {
+@utility typography-large-subheading-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-24);
   font-weight: var(--font-weight-medium);
@@ -1778,7 +1778,7 @@
   letter-spacing: var(--tracking-24);
 }
 
-@utility typography-typography-large-subheading-small-semibold {
+@utility typography-large-subheading-small-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-24);
   font-weight: var(--font-weight-semibold);
@@ -1786,7 +1786,7 @@
   letter-spacing: var(--tracking-24);
 }
 
-@utility typography-typography-large-subheading-xs {
+@utility typography-large-subheading-xs {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -1794,7 +1794,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-large-subheading-xs-semibold {
+@utility typography-large-subheading-xs-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-semibold);
@@ -1802,7 +1802,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-large-subheading-xss {
+@utility typography-large-subheading-xss {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -1810,7 +1810,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-large-subheading-xss-semibold {
+@utility typography-large-subheading-xss-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-semibold);
@@ -1818,7 +1818,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-medium-body-large {
+@utility typography-medium-body-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-regular);
@@ -1826,7 +1826,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-medium-body-medium {
+@utility typography-medium-body-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-regular);
@@ -1834,7 +1834,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-medium-body-small {
+@utility typography-medium-body-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-regular);
@@ -1842,7 +1842,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-medium-button-large {
+@utility typography-medium-button-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -1850,7 +1850,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-medium-button-medium {
+@utility typography-medium-button-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -1858,7 +1858,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-medium-button-small {
+@utility typography-medium-button-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -1866,7 +1866,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-medium-caption-large {
+@utility typography-medium-caption-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-regular);
@@ -1874,7 +1874,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-medium-caption-small {
+@utility typography-medium-caption-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-regular);
@@ -1882,7 +1882,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-medium-display-hero {
+@utility typography-medium-display-hero {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-192);
   font-weight: var(--font-weight-medium);
@@ -1890,7 +1890,7 @@
   letter-spacing: var(--tracking-192);
 }
 
-@utility typography-typography-medium-display-hero-regular {
+@utility typography-medium-display-hero-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-192);
   font-weight: var(--font-weight-regular);
@@ -1898,7 +1898,7 @@
   letter-spacing: var(--tracking-192);
 }
 
-@utility typography-typography-medium-display-hero-semibold {
+@utility typography-medium-display-hero-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-192);
   font-weight: var(--font-weight-semibold);
@@ -1906,7 +1906,7 @@
   letter-spacing: var(--tracking-192);
 }
 
-@utility typography-typography-medium-display-large {
+@utility typography-medium-display-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-148);
   font-weight: var(--font-weight-medium);
@@ -1914,7 +1914,7 @@
   letter-spacing: var(--tracking-148);
 }
 
-@utility typography-typography-medium-display-medium {
+@utility typography-medium-display-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-128);
   font-weight: var(--font-weight-medium);
@@ -1922,7 +1922,7 @@
   letter-spacing: var(--tracking-128);
 }
 
-@utility typography-typography-medium-display-small {
+@utility typography-medium-display-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-112);
   font-weight: var(--font-weight-medium);
@@ -1930,7 +1930,7 @@
   letter-spacing: var(--tracking-112);
 }
 
-@utility typography-typography-medium-display-xl {
+@utility typography-medium-display-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-168);
   font-weight: var(--font-weight-medium);
@@ -1938,7 +1938,7 @@
   letter-spacing: var(--tracking-168);
 }
 
-@utility typography-typography-medium-display-xl-regular {
+@utility typography-medium-display-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-168);
   font-weight: var(--font-weight-regular);
@@ -1946,7 +1946,7 @@
   letter-spacing: var(--tracking-168);
 }
 
-@utility typography-typography-medium-display-xl-semibold {
+@utility typography-medium-display-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-168);
   font-weight: var(--font-weight-semibold);
@@ -1954,7 +1954,7 @@
   letter-spacing: var(--tracking-168);
 }
 
-@utility typography-typography-medium-headline-large {
+@utility typography-medium-headline-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-medium);
@@ -1962,7 +1962,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-medium-headline-large-regular {
+@utility typography-medium-headline-large-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-regular);
@@ -1970,7 +1970,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-medium-headline-large-semibold {
+@utility typography-medium-headline-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-semibold);
@@ -1978,7 +1978,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-medium-headline-medium {
+@utility typography-medium-headline-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-56);
   font-weight: var(--font-weight-medium);
@@ -1986,7 +1986,7 @@
   letter-spacing: var(--tracking-56);
 }
 
-@utility typography-typography-medium-headline-medium-regular {
+@utility typography-medium-headline-medium-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-56);
   font-weight: var(--font-weight-regular);
@@ -1994,7 +1994,7 @@
   letter-spacing: var(--tracking-56);
 }
 
-@utility typography-typography-medium-headline-medium-semibold {
+@utility typography-medium-headline-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-56);
   font-weight: var(--font-weight-semibold);
@@ -2002,7 +2002,7 @@
   letter-spacing: var(--tracking-56);
 }
 
-@utility typography-typography-medium-headline-small {
+@utility typography-medium-headline-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-medium);
@@ -2010,7 +2010,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-medium-headline-xl {
+@utility typography-medium-headline-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-84);
   font-weight: var(--font-weight-medium);
@@ -2018,7 +2018,7 @@
   letter-spacing: var(--tracking-84);
 }
 
-@utility typography-typography-medium-headline-xl-regular {
+@utility typography-medium-headline-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-84);
   font-weight: var(--font-weight-regular);
@@ -2026,7 +2026,7 @@
   letter-spacing: var(--tracking-84);
 }
 
-@utility typography-typography-medium-headline-xl-semibold {
+@utility typography-medium-headline-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-84);
   font-weight: var(--font-weight-semibold);
@@ -2034,7 +2034,7 @@
   letter-spacing: var(--tracking-84);
 }
 
-@utility typography-typography-medium-label-large {
+@utility typography-medium-label-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -2042,7 +2042,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-medium-label-medium {
+@utility typography-medium-label-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2050,7 +2050,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-medium-label-small {
+@utility typography-medium-label-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-medium);
@@ -2058,7 +2058,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-medium-link-large {
+@utility typography-medium-link-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -2066,7 +2066,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-medium-link-medium {
+@utility typography-medium-link-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -2074,7 +2074,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-medium-link-small {
+@utility typography-medium-link-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2082,7 +2082,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-medium-subheading-large {
+@utility typography-medium-subheading-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-32);
   font-weight: var(--font-weight-medium);
@@ -2090,7 +2090,7 @@
   letter-spacing: var(--tracking-32);
 }
 
-@utility typography-typography-medium-subheading-large-semibold {
+@utility typography-medium-subheading-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-32);
   font-weight: var(--font-weight-semibold);
@@ -2098,7 +2098,7 @@
   letter-spacing: var(--tracking-32);
 }
 
-@utility typography-typography-medium-subheading-medium {
+@utility typography-medium-subheading-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-28);
   font-weight: var(--font-weight-medium);
@@ -2106,7 +2106,7 @@
   letter-spacing: var(--tracking-28);
 }
 
-@utility typography-typography-medium-subheading-medium-semibold {
+@utility typography-medium-subheading-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-28);
   font-weight: var(--font-weight-semibold);
@@ -2114,7 +2114,7 @@
   letter-spacing: var(--tracking-28);
 }
 
-@utility typography-typography-medium-subheading-small {
+@utility typography-medium-subheading-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-21);
   font-weight: var(--font-weight-medium);
@@ -2122,7 +2122,7 @@
   letter-spacing: var(--tracking-21);
 }
 
-@utility typography-typography-medium-subheading-small-semibold {
+@utility typography-medium-subheading-small-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-21);
   font-weight: var(--font-weight-semibold);
@@ -2130,7 +2130,7 @@
   letter-spacing: var(--tracking-21);
 }
 
-@utility typography-typography-medium-subheading-xs {
+@utility typography-medium-subheading-xs {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-semibold);
@@ -2138,7 +2138,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-medium-subheading-xss {
+@utility typography-medium-subheading-xss {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-semibold);
@@ -2146,7 +2146,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-body-large {
+@utility typography-small-body-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-regular);
@@ -2154,7 +2154,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-small-body-medium {
+@utility typography-small-body-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-regular);
@@ -2162,7 +2162,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-small-body-small {
+@utility typography-small-body-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-regular);
@@ -2170,7 +2170,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-button-large {
+@utility typography-small-button-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -2178,7 +2178,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-small-button-medium {
+@utility typography-small-button-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2186,7 +2186,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-small-button-small {
+@utility typography-small-button-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-medium);
@@ -2194,7 +2194,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-small-button-xl {
+@utility typography-small-button-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -2202,7 +2202,7 @@
   letter-spacing: var(--tracking-button);
 }
 
-@utility typography-typography-small-caption-large {
+@utility typography-small-caption-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-regular);
@@ -2210,7 +2210,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-caption-small {
+@utility typography-small-caption-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-regular);
@@ -2218,7 +2218,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-small-display-hero {
+@utility typography-small-display-hero {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-88);
   font-weight: var(--font-weight-medium);
@@ -2226,7 +2226,7 @@
   letter-spacing: var(--tracking-88);
 }
 
-@utility typography-typography-small-display-hero-regular {
+@utility typography-small-display-hero-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-88);
   font-weight: var(--font-weight-regular);
@@ -2234,7 +2234,7 @@
   letter-spacing: var(--tracking-88);
 }
 
-@utility typography-typography-small-display-hero-semibold {
+@utility typography-small-display-hero-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-88);
   font-weight: var(--font-weight-semibold);
@@ -2242,7 +2242,7 @@
   letter-spacing: var(--tracking-88);
 }
 
-@utility typography-typography-small-display-large {
+@utility typography-small-display-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-64);
   font-weight: var(--font-weight-medium);
@@ -2250,7 +2250,7 @@
   letter-spacing: var(--tracking-64);
 }
 
-@utility typography-typography-small-display-medium {
+@utility typography-small-display-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-56);
   font-weight: var(--font-weight-medium);
@@ -2258,7 +2258,7 @@
   letter-spacing: var(--tracking-56);
 }
 
-@utility typography-typography-small-display-small {
+@utility typography-small-display-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-48);
   font-weight: var(--font-weight-medium);
@@ -2266,7 +2266,7 @@
   letter-spacing: var(--tracking-48);
 }
 
-@utility typography-typography-small-display-xl {
+@utility typography-small-display-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-medium);
@@ -2274,7 +2274,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-display-xl-regular {
+@utility typography-small-display-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-regular);
@@ -2282,7 +2282,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-display-xl-semibold {
+@utility typography-small-display-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-semibold);
@@ -2290,7 +2290,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-headline-large {
+@utility typography-small-headline-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-64);
   font-weight: var(--font-weight-medium);
@@ -2298,7 +2298,7 @@
   letter-spacing: var(--tracking-64);
 }
 
-@utility typography-typography-small-headline-large-regular {
+@utility typography-small-headline-large-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-64);
   font-weight: var(--font-weight-regular);
@@ -2306,7 +2306,7 @@
   letter-spacing: var(--tracking-64);
 }
 
-@utility typography-typography-small-headline-large-semibold {
+@utility typography-small-headline-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-64);
   font-weight: var(--font-weight-semibold);
@@ -2314,7 +2314,7 @@
   letter-spacing: var(--tracking-64);
 }
 
-@utility typography-typography-small-headline-medium {
+@utility typography-small-headline-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-medium);
@@ -2322,7 +2322,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-small-headline-medium-regular {
+@utility typography-small-headline-medium-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-regular);
@@ -2330,7 +2330,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-small-headline-medium-semibold {
+@utility typography-small-headline-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-42);
   font-weight: var(--font-weight-semibold);
@@ -2338,7 +2338,7 @@
   letter-spacing: var(--tracking-42);
 }
 
-@utility typography-typography-small-headline-small {
+@utility typography-small-headline-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-32);
   font-weight: var(--font-weight-medium);
@@ -2346,7 +2346,7 @@
   letter-spacing: var(--tracking-32);
 }
 
-@utility typography-typography-small-headline-xl {
+@utility typography-small-headline-xl {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-medium);
@@ -2354,7 +2354,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-headline-xl-regular {
+@utility typography-small-headline-xl-regular {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-regular);
@@ -2362,7 +2362,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-headline-xl-semibold {
+@utility typography-small-headline-xl-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-72);
   font-weight: var(--font-weight-semibold);
@@ -2370,7 +2370,7 @@
   letter-spacing: var(--tracking-72);
 }
 
-@utility typography-typography-small-label-large {
+@utility typography-small-label-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2378,7 +2378,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-label-medium {
+@utility typography-small-label-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-medium);
@@ -2386,7 +2386,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-small-label-small {
+@utility typography-small-label-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-11);
   font-weight: var(--font-weight-medium);
@@ -2394,7 +2394,7 @@
   letter-spacing: var(--tracking-11);
 }
 
-@utility typography-typography-small-link-large {
+@utility typography-small-link-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -2402,7 +2402,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-small-link-medium {
+@utility typography-small-link-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2410,7 +2410,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-link-small {
+@utility typography-small-link-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-12);
   font-weight: var(--font-weight-medium);
@@ -2418,7 +2418,7 @@
   letter-spacing: var(--tracking-12);
 }
 
-@utility typography-typography-small-subheading-large {
+@utility typography-small-subheading-large {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-28);
   font-weight: var(--font-weight-medium);
@@ -2426,7 +2426,7 @@
   letter-spacing: var(--tracking-28);
 }
 
-@utility typography-typography-small-subheading-large-semibold {
+@utility typography-small-subheading-large-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-28);
   font-weight: var(--font-weight-semibold);
@@ -2434,7 +2434,7 @@
   letter-spacing: var(--tracking-28);
 }
 
-@utility typography-typography-small-subheading-medium {
+@utility typography-small-subheading-medium {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-24);
   font-weight: var(--font-weight-medium);
@@ -2442,7 +2442,7 @@
   letter-spacing: var(--tracking-24);
 }
 
-@utility typography-typography-small-subheading-medium-semibold {
+@utility typography-small-subheading-medium-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-24);
   font-weight: var(--font-weight-semibold);
@@ -2450,7 +2450,7 @@
   letter-spacing: var(--tracking-24);
 }
 
-@utility typography-typography-small-subheading-small {
+@utility typography-small-subheading-small {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-medium);
@@ -2458,7 +2458,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-small-subheading-small-semibold {
+@utility typography-small-subheading-small-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-18);
   font-weight: var(--font-weight-semibold);
@@ -2466,7 +2466,7 @@
   letter-spacing: var(--tracking-18);
 }
 
-@utility typography-typography-small-subheading-xs {
+@utility typography-small-subheading-xs {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-medium);
@@ -2474,7 +2474,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-small-subheading-xs-semibold {
+@utility typography-small-subheading-xs-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-16);
   font-weight: var(--font-weight-semibold);
@@ -2482,7 +2482,7 @@
   letter-spacing: var(--tracking-16);
 }
 
-@utility typography-typography-small-subheading-xss {
+@utility typography-small-subheading-xss {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-medium);
@@ -2490,7 +2490,7 @@
   letter-spacing: var(--tracking-14);
 }
 
-@utility typography-typography-small-subheading-xss-semibold {
+@utility typography-small-subheading-xss-semibold {
   font-family: var(--font-pp-neue-montreal);
   font-size: var(--text-14);
   font-weight: var(--font-weight-semibold);