@bonniernews/dn-design-system-web 12.0.1 → 13.0.0

package/foundations/variables/typographyTokensList.scss

@@ -1,81 +1,3 @@
-$ds-typography-expressive-heading01regular: 'expressive-heading01regular';
-$ds-typography-expressive-heading01semibold: 'expressive-heading01semibold';
-$ds-typography-expressive-heading01bold: 'expressive-heading01bold';
-$ds-typography-expressive-heading01italicregular: 'expressive-heading01italicregular';
-$ds-typography-expressive-heading01italicsemibold: 'expressive-heading01italicsemibold';
-$ds-typography-expressive-heading01italicbold: 'expressive-heading01italicbold';
-$ds-typography-expressive-heading02regular: 'expressive-heading02regular';
-$ds-typography-expressive-heading02semibold: 'expressive-heading02semibold';
-$ds-typography-expressive-heading02bold: 'expressive-heading02bold';
-$ds-typography-expressive-heading02italicregular: 'expressive-heading02italicregular';
-$ds-typography-expressive-heading02italicsemibold: 'expressive-heading02italicsemibold';
-$ds-typography-expressive-heading02italicbold: 'expressive-heading02italicbold';
-$ds-typography-expressive-heading03regular: 'expressive-heading03regular';
-$ds-typography-expressive-heading03semibold: 'expressive-heading03semibold';
-$ds-typography-expressive-heading03bold: 'expressive-heading03bold';
-$ds-typography-expressive-heading03italicregular: 'expressive-heading03italicregular';
-$ds-typography-expressive-heading03italicsemibold: 'expressive-heading03italicsemibold';
-$ds-typography-expressive-heading03italicbold: 'expressive-heading03italicbold';
-$ds-typography-expressive-heading04regular: 'expressive-heading04regular';
-$ds-typography-expressive-heading04semibold: 'expressive-heading04semibold';
-$ds-typography-expressive-heading04bold: 'expressive-heading04bold';
-$ds-typography-expressive-heading04italicregular: 'expressive-heading04italicregular';
-$ds-typography-expressive-heading04italicsemibold: 'expressive-heading04italicsemibold';
-$ds-typography-expressive-heading04italicbold: 'expressive-heading04italicbold';
-$ds-typography-expressive-heading05regular: 'expressive-heading05regular';
-$ds-typography-expressive-heading05semibold: 'expressive-heading05semibold';
-$ds-typography-expressive-heading05bold: 'expressive-heading05bold';
-$ds-typography-expressive-heading05italicregular: 'expressive-heading05italicregular';
-$ds-typography-expressive-heading05italicsemibold: 'expressive-heading05italicsemibold';
-$ds-typography-expressive-heading05italicbold: 'expressive-heading05italicbold';
-$ds-typography-functional-heading01regular: 'functional-heading01regular';
-$ds-typography-functional-heading01semibold: 'functional-heading01semibold';
-$ds-typography-functional-heading01bold: 'functional-heading01bold';
-$ds-typography-functional-heading02regular: 'functional-heading02regular';
-$ds-typography-functional-heading02semibold: 'functional-heading02semibold';
-$ds-typography-functional-heading02bold: 'functional-heading02bold';
-$ds-typography-functional-heading03regular: 'functional-heading03regular';
-$ds-typography-functional-heading03semibold: 'functional-heading03semibold';
-$ds-typography-functional-heading03bold: 'functional-heading03bold';
-$ds-typography-functional-heading04regular: 'functional-heading04regular';
-$ds-typography-functional-heading04semibold: 'functional-heading04semibold';
-$ds-typography-functional-heading04bold: 'functional-heading04bold';
-$ds-typography-functional-heading05regular: 'functional-heading05regular';
-$ds-typography-functional-heading05semibold: 'functional-heading05semibold';
-$ds-typography-functional-heading05bold: 'functional-heading05bold';
-$ds-typography-expressive-preamble01regular: 'expressive-preamble01regular';
-$ds-typography-expressive-preamble01semibold: 'expressive-preamble01semibold';
-$ds-typography-expressive-preamble01bold: 'expressive-preamble01bold';
-$ds-typography-expressive-preamble01italicregular: 'expressive-preamble01italicregular';
-$ds-typography-expressive-preamble01italicsemibold: 'expressive-preamble01italicsemibold';
-$ds-typography-expressive-preamble01italicbold: 'expressive-preamble01italicbold';
-$ds-typography-expressive-body01regular: 'expressive-body01regular';
-$ds-typography-expressive-body01semibold: 'expressive-body01semibold';
-$ds-typography-expressive-body01bold: 'expressive-body01bold';
-$ds-typography-expressive-body01italicregular: 'expressive-body01italicregular';
-$ds-typography-expressive-body01italicsemibold: 'expressive-body01italicsemibold';
-$ds-typography-expressive-body01italicbold: 'expressive-body01italicbold';
-$ds-typography-expressive-body02regular: 'expressive-body02regular';
-$ds-typography-expressive-body02semibold: 'expressive-body02semibold';
-$ds-typography-expressive-body02bold: 'expressive-body02bold';
-$ds-typography-expressive-body02italicregular: 'expressive-body02italicregular';
-$ds-typography-expressive-body02italicsemibold: 'expressive-body02italicsemibold';
-$ds-typography-expressive-body02italicbold: 'expressive-body02italicbold';
-$ds-typography-functional-body01regular: 'functional-body01regular';
-$ds-typography-functional-body01semibold: 'functional-body01semibold';
-$ds-typography-functional-body01bold: 'functional-body01bold';
-$ds-typography-functional-body02regular: 'functional-body02regular';
-$ds-typography-functional-body02semibold: 'functional-body02semibold';
-$ds-typography-functional-body02bold: 'functional-body02bold';
-$ds-typography-functional-body03regular: 'functional-body03regular';
-$ds-typography-functional-body03semibold: 'functional-body03semibold';
-$ds-typography-functional-body03bold: 'functional-body03bold';
-$ds-typography-functional-meta01regular: 'functional-meta01regular';
-$ds-typography-functional-meta01semibold: 'functional-meta01semibold';
-$ds-typography-functional-meta01bold: 'functional-meta01bold';
-$ds-typography-functional-meta02regular: 'functional-meta02regular';
-$ds-typography-functional-meta02semibold: 'functional-meta02semibold';
-$ds-typography-functional-meta02bold: 'functional-meta02bold';
 $ds-typography-detailstandard-button: 'detailstandard-button';
 $ds-typography-detailbottom-nav: 'detailbottom-nav';
 $ds-typography-detaildropcap: 'detaildropcap';

package/foundations/variables/typographyTokensScreenExtraLarge.scss

@@ -1,200 +1,4 @@
 $typographyTokensScreenExtraLarge: (
-  expressive-heading03regular: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    fontSize: 36,
-    lineHeight: 1.1
-  ),
-  expressive-heading03semibold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: SemiBold,
-    fontSize: 36,
-    lineHeight: 1.1
-  ),
-  expressive-heading03bold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 36,
-    lineHeight: 1.1
-  ),
-  expressive-heading03italicregular: (
-    fontSize: 36,
-    lineHeight: 1.1,
-    fontWeight: Regular,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading03italicsemibold: (
-    fontSize: 36,
-    lineHeight: 1.1,
-    fontWeight: SemiBold,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading03italicbold: (
-    fontSize: 36,
-    lineHeight: 1.1,
-    fontWeight: Bold,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading04regular: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    fontSize: 56,
-    lineHeight: 1.1
-  ),
-  expressive-heading04semibold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: SemiBold,
-    fontSize: 56,
-    lineHeight: 1.1
-  ),
-  expressive-heading04bold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 56,
-    lineHeight: 1.1
-  ),
-  expressive-heading04italicregular: (
-    fontSize: 56,
-    lineHeight: 1.1,
-    fontWeight: Regular,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading04italicsemibold: (
-    fontSize: 56,
-    lineHeight: 1.1,
-    fontWeight: SemiBold,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading04italicbold: (
-    fontSize: 56,
-    lineHeight: 1.1,
-    fontWeight: Bold,
-    fontFamily: "DN Serif Display",
-    fontStyle: italic
-  ),
-  expressive-heading05regular: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    lineHeight: 1.1,
-    fontSize: 80
-  ),
-  expressive-heading05semibold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: SemiBold,
-    lineHeight: 1.1,
-    fontSize: 80
-  ),
-  expressive-heading05bold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    lineHeight: 1.1,
-    fontSize: 80
-  ),
-  expressive-heading05italicregular: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Regular,
-    fontSize: 80,
-    lineHeight: 1.1,
-    fontStyle: italic
-  ),
-  expressive-heading05italicsemibold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: SemiBold,
-    fontSize: 80,
-    lineHeight: 1.1,
-    fontStyle: italic
-  ),
-  expressive-heading05italicbold: (
-    fontFamily: "DN Serif Display",
-    fontWeight: Bold,
-    fontSize: 80,
-    lineHeight: 1.1,
-    fontStyle: italic
-  ),
-  expressive-heading01regular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  expressive-heading01semibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  expressive-heading01bold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  expressive-heading01italicregular: (
-    lineHeight: 1.2,
-    fontSize: 16,
-    fontFamily: "DN Serif Text",
-    fontWeight: Medium,
-    fontStyle: italic
-  ),
-  expressive-heading01italicsemibold: (
-    lineHeight: 1.2,
-    fontSize: 16,
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    fontStyle: italic
-  ),
-  expressive-heading01italicbold: (
-    lineHeight: 1.2,
-    fontSize: 16,
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    fontStyle: italic
-  ),
-  expressive-heading02regular: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Regular,
-    fontSize: 22,
-    lineHeight: 1.2,
-    paragraphSpacing: 16
-  ),
-  expressive-heading02semibold: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: SemiBold,
-    fontSize: 22,
-    lineHeight: 1.2
-  ),
-  expressive-heading02bold: (
-    fontFamily: "DN Serif Headline",
-    fontWeight: Bold,
-    fontSize: 22,
-    lineHeight: 1.2
-  ),
-  expressive-heading02italicregular: (
-    fontSize: 22,
-    lineHeight: 1.2,
-    fontWeight: Regular,
-    fontFamily: "DN Serif Headline",
-    fontStyle: italic
-  ),
-  expressive-heading02italicsemibold: (
-    fontSize: 22,
-    lineHeight: 1.2,
-    fontWeight: SemiBold,
-    fontFamily: "DN Serif Headline",
-    fontStyle: italic
-  ),
-  expressive-heading02italicbold: (
-    fontSize: 22,
-    lineHeight: 1.2,
-    fontWeight: Bold,
-    fontFamily: "DN Serif Headline",
-    fontStyle: italic
-  ),
   detailarticle-standard: (
     fontFamily: "DN Serif Display",
     fontWeight: Bold,
@@ -359,7 +163,7 @@ $typographyTokensScreenExtraLarge: (
   detailstandard-button-small: (
     fontFamily: "DN Sans",
     fontWeight: SemiBold,
-    lineHeight: 1.5,
+    lineHeight: 1.4,
     fontSize: 14,
     letterSpacing: 0
   ),
@@ -386,213 +190,6 @@ $typographyTokensScreenExtraLarge: (
     textCase: upperCase,
     letterSpacing: 0.5
   ),
-  functional-heading03regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    lineHeight: 1.2,
-    fontSize: 24
-  ),
-  functional-heading03semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.2,
-    fontSize: 24
-  ),
-  functional-heading03bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    lineHeight: 1.2,
-    fontSize: 24
-  ),
-  functional-heading01regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  functional-heading01semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  functional-heading01bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.2
-  ),
-  functional-heading02regular: (
-    fontFamily: "DN Sans",
-    fontSize: 20,
-    fontWeight: Regular,
-    lineHeight: 1.1
-  ),
-  functional-heading02semibold: (
-    fontFamily: "DN Sans",
-    fontSize: 20,
-    fontWeight: SemiBold,
-    lineHeight: 1.1
-  ),
-  functional-heading02bold: (
-    fontFamily: "DN Sans",
-    fontSize: 20,
-    fontWeight: Bold,
-    lineHeight: 1.1
-  ),
-  functional-heading04regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 31,
-    lineHeight: 1.1
-  ),
-  functional-heading04semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 31,
-    lineHeight: 1.1
-  ),
-  functional-heading04bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 31,
-    lineHeight: 1.1
-  ),
-  functional-heading05regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 39,
-    lineHeight: 1.1
-  ),
-  functional-heading05semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 39,
-    lineHeight: 1.1
-  ),
-  functional-heading05bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 39,
-    lineHeight: 1.1
-  ),
-  expressive-preamble01regular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 20,
-    lineHeight: 1.5
-  ),
-  expressive-preamble01semibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    fontSize: 20,
-    lineHeight: 1.5
-  ),
-  expressive-preamble01bold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    fontSize: 20,
-    lineHeight: 1.5
-  ),
-  expressive-preamble01italicregular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 20,
-    fontStyle: italic
-  ),
-  expressive-preamble01italicsemibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 20,
-    fontStyle: italic
-  ),
-  expressive-preamble01italicbold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 20,
-    fontStyle: italic
-  ),
-  expressive-body01regular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    fontSize: 16,
-    lineHeight: 1.5
-  ),
-  expressive-body01semibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    fontSize: 16,
-    lineHeight: 1.5
-  ),
-  expressive-body01bold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    fontSize: 16,
-    lineHeight: 1.5
-  ),
-  expressive-body01italicregular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 16,
-    fontStyle: italic
-  ),
-  expressive-body01italicsemibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 16,
-    fontStyle: italic
-  ),
-  expressive-body01italicbold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 16,
-    fontStyle: italic
-  ),
-  expressive-body02regular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 18
-  ),
-  expressive-body02semibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 18
-  ),
-  expressive-body02bold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 18
-  ),
-  expressive-body02italicregular: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 18,
-    fontStyle: italic
-  ),
-  expressive-body02italicsemibold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 18,
-    fontStyle: italic
-  ),
-  expressive-body02italicbold: (
-    fontFamily: "DN Serif Text",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 18,
-    fontStyle: italic
-  ),
   expressiveheading01: (
     fontFamily: "DN Serif Text",
     fontWeight: Bold,
@@ -681,14 +278,14 @@ $typographyTokensScreenExtraLarge: (
     fontFamily: "DN Sans",
     fontWeight: Regular,
     fontSize: 10,
-    lineHeight: 1.1,
+    lineHeight: 1.2,
     letterSpacing: 0.2
   ),
   functionalmeta02: (
     fontFamily: "DN Sans",
     fontWeight: Regular,
     fontSize: 12,
-    lineHeight: 1.1,
+    lineHeight: 1.2,
     letterSpacing: 0.2
   ),
   functionallabel01: (
@@ -774,99 +371,5 @@ $typographyTokensScreenExtraLarge: (
     fontSize: 40,
     lineHeight: 1.1,
     letterSpacing: 0
-  ),
-  functional-body01regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 14,
-    letterSpacing: "",
-    lineHeight: 1.5,
-    paragraphSpacing: ""
-  ),
-  functional-body01semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 14,
-    letterSpacing: "",
-    lineHeight: 1.5
-  ),
-  functional-body01bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 14,
-    letterSpacing: "",
-    lineHeight: 1.5
-  ),
-  functional-body02regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 16
-  ),
-  functional-body02semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 16
-  ),
-  functional-body02bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 16
-  ),
-  functional-body03regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 20
-  ),
-  functional-body03semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 20
-  ),
-  functional-body03bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 20
-  ),
-  functional-meta01regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    fontSize: 10,
-    lineHeight: 1.5
-  ),
-  functional-meta01semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    fontSize: 10,
-    lineHeight: 1.5
-  ),
-  functional-meta01bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    fontSize: 10,
-    lineHeight: 1.5
-  ),
-  functional-meta02regular: (
-    fontFamily: "DN Sans",
-    fontWeight: Regular,
-    lineHeight: 1.5,
-    fontSize: 12
-  ),
-  functional-meta02semibold: (
-    fontFamily: "DN Sans",
-    fontWeight: SemiBold,
-    lineHeight: 1.5,
-    fontSize: 12
-  ),
-  functional-meta02bold: (
-    fontFamily: "DN Sans",
-    fontWeight: Bold,
-    lineHeight: 1.5,
-    fontSize: 12
   )
 );