npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.58 → 1.0.59 - Mend

@marioschmidt/design-system-tokens 1.0.58 → 1.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6340) hide show

package/dist/css/brands/bild/semantic/typography/typography-responsive.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.58
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Context: Responsive (Media Queries)
@@ -39,30 +39,30 @@
   .headline1 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 48px;
     line-height: 48px;
-    font-style: 700;
   }
   .headline2 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 40px;
     line-height: 40px;
-    font-style: 700;
   }
   .headline3 {
     font-family: Gotham Condensed;
+    font-weight: 900;
     font-size: 28px;
     line-height: 28px;
-    font-style: 700;
   }
   .headline4 {
     font-family: Gotham Condensed;
+    font-weight: 700;
     font-size: 22px;
     line-height: 22px;
-    font-style: 600;
   }
   .subheadline1 {
@@ -74,30 +74,30 @@
   .kicker1 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 18px;
     line-height: 19.8px;
-    font-style: 700;
   }
   .kicker2 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 18px;
     line-height: 19.8px;
-    font-style: 700;
   }
   .kicker3 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 16px;
     line-height: 17.6px;
-    font-style: 700;
   }
   .kicker4 {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 14px;
     line-height: 15.4px;
-    font-style: 700;
   }
   .title1 {
@@ -107,7 +107,7 @@
     line-height: 22px;
   }
-  .title1uppercase {
+  .title1-uppercase {
     font-family: Gotham;
     font-weight: 800;
     font-size: 22px;
@@ -122,7 +122,7 @@
     line-height: 17.6px;
   }
-  .title2uppercase {
+  .title2-uppercase {
     font-family: Gotham;
     font-weight: 800;
     font-size: 16px;
@@ -144,26 +144,30 @@
     line-height: 28px;
   }
-  .bodyitalic {
+  .body-italic {
     font-family: Gotham XNarrow;
+    font-weight: 400;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
   }
-  .bodybold {
+  .body-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
     line-height: 28px;
   }
-  .bodybolditalic {
+  .body-bold-italic {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
   }
-  .textlink {
+  .text-link {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 21px;
@@ -171,14 +175,16 @@
     text-decoration: underline;
   }
-  .textlinkitalic {
+  .text-link-italic {
     font-family: Gotham XNarrow;
+    font-weight: 400;
     font-size: 21px;
     line-height: 28px;
+    font-style: italic;
     text-decoration: underline;
   }
-  .textlinkbold {
+  .text-link-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
@@ -186,7 +192,7 @@
     text-decoration: underline;
   }
-  .textlinkhover {
+  .text-link-hover {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 21px;
@@ -194,7 +200,7 @@
     text-decoration: underline;
   }
-  .textlinkboldhover {
+  .text-link-bold-hover {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 21px;
@@ -209,7 +215,7 @@
     line-height: 21px;
   }
-  .footnote1bold {
+  .footnote1-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 16px;
@@ -223,7 +229,7 @@
     line-height: 15.6px;
   }
-  .footnote2bold {
+  .footnote2-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -238,7 +244,7 @@
     letter-spacing: 0.25px;
   }
-  .label1bold {
+  .label1-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
@@ -246,7 +252,7 @@
     letter-spacing: 0.25px;
   }
-  .label1boldresp {
+  .label1-bold-resp {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 10px;
@@ -254,7 +260,7 @@
     letter-spacing: 0.25px;
   }
-  .label1uppercasebold {
+  .label1-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 17px;
@@ -271,7 +277,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercase {
+  .label2-uppercase {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 15px;
@@ -280,7 +286,7 @@
     text-transform: upper;
   }
-  .label2bold {
+  .label2-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -288,7 +294,7 @@
     letter-spacing: 0.25px;
   }
-  .label2uppercasebold {
+  .label2-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 15px;
@@ -305,7 +311,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercase {
+  .label3-uppercase {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 12px;
@@ -314,7 +320,7 @@
     text-transform: upper;
   }
-  .label3bold {
+  .label3-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -322,7 +328,7 @@
     letter-spacing: 0.25px;
   }
-  .label3uppercasebold {
+  .label3-uppercase-bold {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 12px;
@@ -372,30 +378,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 28px;
       line-height: 28px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -407,30 +413,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 19.8px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 14px;
       line-height: 15.4px;
-      font-style: 700;
     }
     .title1 {
@@ -440,7 +446,7 @@
       line-height: 22px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 22px;
@@ -455,7 +461,7 @@
       line-height: 17.6px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 16px;
@@ -477,26 +483,30 @@
       line-height: 28px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 28px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -504,14 +514,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -519,7 +531,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -527,7 +539,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -542,7 +554,7 @@
       line-height: 21px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -556,7 +568,7 @@
       line-height: 15.6px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -571,7 +583,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -579,7 +591,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 10px;
@@ -587,7 +599,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -604,7 +616,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -613,7 +625,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -621,7 +633,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -638,7 +650,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -647,7 +659,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -655,7 +667,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -707,30 +719,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 72px;
       line-height: 72px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 48px;
       line-height: 48px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 36px;
       line-height: 36px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 26px;
       line-height: 26px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -742,30 +754,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 22px;
       line-height: 22px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 18px;
       line-height: 18px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 17.6px;
-      font-style: 700;
     }
     .title1 {
@@ -775,7 +787,7 @@
       line-height: 22px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 22px;
@@ -790,7 +802,7 @@
       line-height: 19.8px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 18px;
@@ -812,26 +824,30 @@
       line-height: 28px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 28px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -839,14 +855,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 28px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -854,7 +872,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -862,7 +880,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -877,7 +895,7 @@
       line-height: 21px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -891,7 +909,7 @@
       line-height: 15.8px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -906,7 +924,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -914,7 +932,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -922,7 +940,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -939,7 +957,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -948,7 +966,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -956,7 +974,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -973,7 +991,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -982,7 +1000,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -990,7 +1008,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -1042,30 +1060,30 @@
     .headline1 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 100px;
       line-height: 100px;
-      font-style: 700;
     }
     .headline2 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 64px;
       line-height: 64px;
-      font-style: 700;
     }
     .headline3 {
       font-family: Gotham Condensed;
+      font-weight: 900;
       font-size: 40px;
       line-height: 40px;
-      font-style: 700;
     }
     .headline4 {
       font-family: Gotham Condensed;
+      font-weight: 700;
       font-size: 32px;
       line-height: 32px;
-      font-style: 600;
     }
     .subheadline1 {
@@ -1077,30 +1095,30 @@
     .kicker1 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 30px;
       line-height: 30px;
-      font-style: 700;
     }
     .kicker2 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 24px;
       line-height: 24px;
-      font-style: 700;
     }
     .kicker3 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 20px;
       line-height: 20px;
-      font-style: 700;
     }
     .kicker4 {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 16px;
       line-height: 16px;
-      font-style: 700;
     }
     .title1 {
@@ -1110,7 +1128,7 @@
       line-height: 28px;
     }
-    .title1uppercase {
+    .title1-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 28px;
@@ -1125,7 +1143,7 @@
       line-height: 22px;
     }
-    .title2uppercase {
+    .title2-uppercase {
       font-family: Gotham;
       font-weight: 800;
       font-size: 20px;
@@ -1147,26 +1165,30 @@
       line-height: 32px;
     }
-    .bodyitalic {
+    .body-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
     }
-    .bodybold {
+    .body-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
       line-height: 32px;
     }
-    .bodybolditalic {
+    .body-bold-italic {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
     }
-    .textlink {
+    .text-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -1174,14 +1196,16 @@
       text-decoration: underline;
     }
-    .textlinkitalic {
+    .text-link-italic {
       font-family: Gotham XNarrow;
+      font-weight: 400;
       font-size: 21px;
       line-height: 32px;
+      font-style: italic;
       text-decoration: underline;
     }
-    .textlinkbold {
+    .text-link-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -1189,7 +1213,7 @@
       text-decoration: underline;
     }
-    .textlinkhover {
+    .text-link-hover {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 21px;
@@ -1197,7 +1221,7 @@
       text-decoration: underline;
     }
-    .textlinkboldhover {
+    .text-link-bold-hover {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 21px;
@@ -1212,7 +1236,7 @@
       line-height: 23px;
     }
-    .footnote1bold {
+    .footnote1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 18px;
@@ -1226,7 +1250,7 @@
       line-height: 21px;
     }
-    .footnote2bold {
+    .footnote2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -1241,7 +1265,7 @@
       letter-spacing: 0.25px;
     }
-    .label1bold {
+    .label1-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -1249,7 +1273,7 @@
       letter-spacing: 0.25px;
     }
-    .label1boldresp {
+    .label1-bold-resp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -1257,7 +1281,7 @@
       letter-spacing: 0.25px;
     }
-    .label1uppercasebold {
+    .label1-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 17px;
@@ -1274,7 +1298,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercase {
+    .label2-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
@@ -1283,7 +1307,7 @@
       text-transform: upper;
     }
-    .label2bold {
+    .label2-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -1291,7 +1315,7 @@
       letter-spacing: 0.25px;
     }
-    .label2uppercasebold {
+    .label2-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 15px;
@@ -1308,7 +1332,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercase {
+    .label3-uppercase {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 12px;
@@ -1317,7 +1341,7 @@
       text-transform: upper;
     }
-    .label3bold {
+    .label3-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;
@@ -1325,7 +1349,7 @@
       letter-spacing: 0.25px;
     }
-    .label3uppercasebold {
+    .label3-uppercase-bold {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 12px;