@bonniernews/dn-design-system-web 3.0.0-alpha.9 → 3.0.0-alpha.90

package/foundations/variables/typographyTokensScreenExtraLarge.scss

@@ -0,0 +1,571 @@
+$typographyTokensScreenExtraLarge: (
+  expressive-heading04regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 56,
+    lineHeight: 60
+  ),
+  expressive-heading04semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 56,
+    lineHeight: 60
+  ),
+  expressive-heading04bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 56,
+    lineHeight: 60
+  ),
+  expressive-heading04italicregular: (
+    fontSize: 56,
+    lineHeight: 60,
+    fontWeight: Regular,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading04italicsemibold: (
+    fontSize: 56,
+    lineHeight: 60,
+    fontWeight: SemiBold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading04italicbold: (
+    fontSize: 56,
+    lineHeight: 60,
+    fontWeight: Bold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading05regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    lineHeight: 88,
+    fontSize: 80
+  ),
+  expressive-heading05semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    lineHeight: 88,
+    fontSize: 80
+  ),
+  expressive-heading05bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 88,
+    fontSize: 80
+  ),
+  expressive-heading05italicregular: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    fontSize: 80,
+    lineHeight: 88,
+    fontStyle: italic
+  ),
+  expressive-heading05italicsemibold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: SemiBold,
+    fontSize: 80,
+    lineHeight: 88,
+    fontStyle: italic
+  ),
+  expressive-heading05italicbold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Bold,
+    fontSize: 80,
+    lineHeight: 88,
+    fontStyle: italic
+  ),
+  expressive-heading01regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  expressive-heading01semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  expressive-heading01bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  expressive-heading01italicregular: (
+    lineHeight: 20,
+    fontSize: 16,
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    fontStyle: italic
+  ),
+  expressive-heading01italicsemibold: (
+    lineHeight: 20,
+    fontSize: 16,
+    fontFamily: "DN Serif Italic",
+    fontWeight: SemiBold,
+    fontStyle: italic
+  ),
+  expressive-heading01italicbold: (
+    lineHeight: 20,
+    fontSize: 16,
+    fontFamily: "DN Serif Italic",
+    fontWeight: Bold,
+    fontStyle: italic
+  ),
+  expressive-heading02regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 22,
+    lineHeight: 26,
+    paragraphSpacing: 16
+  ),
+  expressive-heading02semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 22,
+    lineHeight: 26
+  ),
+  expressive-heading02bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 22,
+    lineHeight: 26
+  ),
+  expressive-heading02italicregular: (
+    fontSize: 22,
+    lineHeight: 26,
+    fontWeight: Regular,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading02italicsemibold: (
+    fontSize: 22,
+    lineHeight: 26,
+    fontWeight: SemiBold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading02italicbold: (
+    fontSize: 22,
+    lineHeight: 26,
+    fontWeight: Bold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading03regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 36,
+    lineHeight: 40
+  ),
+  expressive-heading03semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 36,
+    lineHeight: 40
+  ),
+  expressive-heading03bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 36,
+    lineHeight: 40
+  ),
+  expressive-heading03italicregular: (
+    fontSize: 36,
+    lineHeight: 40,
+    fontWeight: Regular,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading03italicsemibold: (
+    fontSize: 36,
+    lineHeight: 40,
+    fontWeight: SemiBold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  expressive-heading03italicbold: (
+    fontSize: 36,
+    lineHeight: 40,
+    fontWeight: Bold,
+    fontFamily: "DN Serif Italic",
+    fontStyle: italic
+  ),
+  functional-heading01regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  functional-heading01semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  functional-heading01bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    fontSize: 16,
+    lineHeight: 20
+  ),
+  functional-heading02regular: (
+    fontFamily: "DN Sans",
+    fontSize: 20,
+    fontWeight: Regular,
+    lineHeight: 24
+  ),
+  functional-heading02semibold: (
+    fontFamily: "DN Sans",
+    fontSize: 20,
+    fontWeight: SemiBold,
+    lineHeight: 24
+  ),
+  functional-heading02bold: (
+    fontFamily: "DN Sans",
+    fontSize: 20,
+    fontWeight: Bold,
+    lineHeight: 24
+  ),
+  functional-heading03regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    lineHeight: 32,
+    fontSize: 24
+  ),
+  functional-heading03semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 32,
+    fontSize: 24
+  ),
+  functional-heading03bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 32,
+    fontSize: 24
+  ),
+  functional-heading04regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    fontSize: 31,
+    lineHeight: 36
+  ),
+  functional-heading04semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    fontSize: 31,
+    lineHeight: 36
+  ),
+  functional-heading04bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    fontSize: 31,
+    lineHeight: 36
+  ),
+  functional-heading05regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    fontSize: 39,
+    lineHeight: 48
+  ),
+  functional-heading05semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    fontSize: 39,
+    lineHeight: 48
+  ),
+  functional-heading05bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    fontSize: 39,
+    lineHeight: 48
+  ),
+  expressive-preamble01regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 20,
+    lineHeight: 30
+  ),
+  expressive-preamble01semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 20,
+    lineHeight: 30
+  ),
+  expressive-preamble01bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 20,
+    lineHeight: 30
+  ),
+  expressive-preamble01italicregular: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    lineHeight: 30,
+    fontSize: 20,
+    fontStyle: italic
+  ),
+  expressive-preamble01italicsemibold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: SemiBold,
+    lineHeight: 30,
+    fontSize: 20,
+    fontStyle: italic
+  ),
+  expressive-preamble01italicbold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Bold,
+    lineHeight: 30,
+    fontSize: 20,
+    fontStyle: italic
+  ),
+  expressive-body01regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: 24
+  ),
+  expressive-body01semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    fontSize: 16,
+    lineHeight: 24
+  ),
+  expressive-body01bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    fontSize: 16,
+    lineHeight: 24
+  ),
+  expressive-body01italicregular: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    lineHeight: 24,
+    fontSize: 16,
+    fontStyle: italic
+  ),
+  expressive-body01italicsemibold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: SemiBold,
+    lineHeight: 24,
+    fontSize: 16,
+    fontStyle: italic
+  ),
+  expressive-body01italicbold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Bold,
+    lineHeight: 24,
+    fontSize: 16,
+    fontStyle: italic
+  ),
+  expressive-body02regular: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    lineHeight: 28,
+    fontSize: 18
+  ),
+  expressive-body02semibold: (
+    fontFamily: "DN Serif",
+    fontWeight: SemiBold,
+    lineHeight: 28,
+    fontSize: 18
+  ),
+  expressive-body02bold: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 28,
+    fontSize: 18
+  ),
+  expressive-body02italicregular: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    lineHeight: 28,
+    fontSize: 18,
+    fontStyle: italic
+  ),
+  expressive-body02italicsemibold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: SemiBold,
+    lineHeight: 28,
+    fontSize: 18,
+    fontStyle: italic
+  ),
+  expressive-body02italicbold: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Bold,
+    lineHeight: 28,
+    fontSize: 18,
+    fontStyle: italic
+  ),
+  functional-body01regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    fontSize: 14,
+    letterSpacing: "",
+    lineHeight: 20,
+    paragraphSpacing: ""
+  ),
+  functional-body01semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    fontSize: 14,
+    letterSpacing: "",
+    lineHeight: 20
+  ),
+  functional-body01bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    fontSize: 14,
+    letterSpacing: "",
+    lineHeight: 20
+  ),
+  functional-body02regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    lineHeight: 24,
+    fontSize: 16
+  ),
+  functional-body02semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 24,
+    fontSize: 16
+  ),
+  functional-body02bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 24,
+    fontSize: 16
+  ),
+  functional-body03regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    lineHeight: 28,
+    fontSize: 20
+  ),
+  functional-body03semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 28,
+    fontSize: 20
+  ),
+  functional-body03bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 28,
+    fontSize: 20
+  ),
+  functional-meta01regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    fontSize: 10,
+    lineHeight: 12
+  ),
+  functional-meta01semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    fontSize: 10,
+    lineHeight: 12
+  ),
+  functional-meta01bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    fontSize: 10,
+    lineHeight: 12
+  ),
+  functional-meta02regular: (
+    fontFamily: "DN Sans",
+    fontWeight: Regular,
+    lineHeight: 16,
+    fontSize: 12
+  ),
+  functional-meta02semibold: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 16,
+    fontSize: 12
+  ),
+  functional-meta02bold: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 16,
+    fontSize: 12
+  ),
+  detaildropcap: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 78,
+    fontSize: 92
+  ),
+  detailarticle-standard: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 52,
+    fontSize: 48
+  ),
+  detailarticle-opinion: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    lineHeight: 52,
+    fontSize: 48,
+    fontStyle: italic
+  ),
+  detailarticle-longread: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    lineHeight: 64,
+    fontSize: 56
+  ),
+  detailarticle-longread-premium: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 64,
+    fontSize: 56
+  ),
+  detailstandard-button: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 24,
+    fontSize: 16
+  ),
+  detailbottom-nav: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 16,
+    fontSize: 12,
+    letterSpacing: 0.2
+  ),
+  detailstandard-button-small: (
+    fontFamily: "DN Sans",
+    fontWeight: SemiBold,
+    lineHeight: 20,
+    fontSize: 14
+  ),
+  detailarticle-label: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 16,
+    fontSize: 12,
+    textCase: uppercase,
+    letterSpacing: 0.5
+  ),
+  detailmedryckare: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    fontSize: 16,
+    lineHeight: 22
+  ),
+  detailbaota-xl-label: (
+    fontFamily: "DN Sans",
+    fontWeight: Bold,
+    lineHeight: 24,
+    fontSize: 16,
+    textCase: upperCase,
+    letterSpacing: 0.7
+  )
+);