@bonniernews/dn-design-system-web 3.0.0-alpha.97 → 3.0.0-alpha.99

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.0-alpha.99](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.98...@bonniernews/dn-design-system-web@3.0.0-alpha.99) (2023-06-14)
+
+**Note:** Version bump only for package @bonniernews/dn-design-system-web
+
+
+
+
+
+## 3.0.0-alpha.98 (2023-06-13)
+
+**Note:** Version bump only for package @bonniernews/dn-design-system-web
+
+
+
+
+
 ## [3.0.0-alpha.97](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.96...@bonniernews/dn-design-system-web@3.0.0-alpha.97) (2023-06-13)
 
 

package/components/quote/quote.scss

@@ -1,7 +1,7 @@
 @use "../../foundations/helpers/forward.helpers.scss" as *;
 
 .ds-quote {
-  @include ds-typography($ds-typography-expressive-heading03bold);
+  @include ds-typography($ds-typography-detailarticle-quote);
   color: $ds-color-text-primary;
   margin: 0;
   @include ds-spacing-layout(
@@ -10,7 +10,7 @@
   position: relative;
 
   @at-root .ds-force-px#{&} {
-    @include ds-typography($ds-typography-expressive-heading03bold, true);
+    @include ds-typography($ds-typography-detailarticle-quote, true);
   }
 
   .ds-quote__border {

package/foundations/variables/typographyTokensList.scss

@@ -87,3 +87,4 @@ $ds-typography-detailarticle-standard: 'detailarticle-standard';
 $ds-typography-detailarticle-opinion: 'detailarticle-opinion';
 $ds-typography-detailarticle-longread: 'detailarticle-longread';
 $ds-typography-detailarticle-longread-premium: 'detailarticle-longread-premium';
+$ds-typography-detailarticle-quote: 'detailarticle-quote';

package/foundations/variables/typographyTokensScreenExtraLarge.scss

@@ -195,6 +195,85 @@ $typographyTokensScreenExtraLarge: (
     fontFamily: "DN Serif Italic",
     fontStyle: italic
   ),
+  detailarticle-standard: (
+    fontFamily: "DN Serif Display",
+    fontWeight: Bold,
+    lineHeight: 52,
+    fontSize: 48
+  ),
+  detailarticle-opinion: (
+    fontFamily: "DN Serif Italic",
+    fontWeight: Regular,
+    lineHeight: 52,
+    fontSize: 48,
+    fontStyle: italic
+  ),
+  detailarticle-longread: (
+    fontFamily: "DN Serif",
+    fontWeight: Regular,
+    lineHeight: 64,
+    fontSize: 56,
+    fontStyle: italic
+  ),
+  detailarticle-longread-premium: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 64,
+    fontSize: 56
+  ),
+  detaildropcap: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 78,
+    fontSize: 92
+  ),
+  detailarticle-quote: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 34,
+    fontSize: 28
+  ),
+  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
+  ),
   functional-heading01regular: (
     fontFamily: "DN Sans",
     fontWeight: Regular,
@@ -495,77 +574,5 @@ $typographyTokensScreenExtraLarge: (
     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
   )
 );

package/foundations/variables/typographyTokensScreenLarge.scss

@@ -505,27 +505,33 @@ $typographyTokensScreenLarge: (
   detailarticle-standard: (
     fontFamily: "DN Serif",
     fontWeight: Bold,
-    lineHeight: 52,
-    fontSize: 48
+    lineHeight: 44,
+    fontSize: 40
   ),
   detailarticle-opinion: (
     fontFamily: "DN Serif",
     fontWeight: Regular,
-    lineHeight: 52,
-    fontSize: 48,
+    lineHeight: 44,
+    fontSize: 40,
     fontStyle: italic
   ),
   detailarticle-longread: (
     fontFamily: "DN Serif",
     fontWeight: Regular,
-    lineHeight: 64,
-    fontSize: 56
+    lineHeight: 52,
+    fontSize: 48
   ),
   detailarticle-longread-premium: (
     fontFamily: "DN Serif",
     fontWeight: Bold,
-    lineHeight: 64,
-    fontSize: 56
+    lineHeight: 52,
+    fontSize: 48
+  ),
+  detailarticle-quote: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 34,
+    fontSize: 28
   ),
   detailstandard-button: (
     fontFamily: "DN Sans",

package/foundations/variables/typographyTokensScreenSmall.scss

@@ -572,5 +572,11 @@ $typographyTokensScreenSmall: (
     fontWeight: Bold,
     lineHeight: 36,
     fontSize: 32
+  ),
+  detailarticle-quote: (
+    fontFamily: "DN Serif",
+    fontWeight: Bold,
+    lineHeight: 24,
+    fontSize: 20
   )
 );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonniernews/dn-design-system-web",
-  "version": "3.0.0-alpha.97",
+  "version": "3.0.0-alpha.99",
   "description": "DN design system for web.",
   "main": "index.js",
   "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",