@bonniernews/dn-design-system-web 18.0.2-beta.1 → 19.0.0

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 (8) hide show
  1. package/CHANGELOG.md +6 -3
  2. package/components/teaser-large/teaser-large.scss +3 -4
  3. package/foundations/variables/typographyTokensList.scss +1 -0
  4. package/foundations/variables/typographyTokensScreenExtraLarge.scss +7 -0
  5. package/foundations/variables/typographyTokensScreenLarge.scss +7 -0
  6. package/foundations/variables/typographyTokensScreenSmall.scss +7 -0
  7. package/package.json +1 -1
  8. package/tokens/typography-list.json +1 -0
package/CHANGELOG.md CHANGED
@@ -4,14 +4,17 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
- ## [18.0.2-beta.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@18.0.2-beta.0...@bonniernews/dn-design-system-web@18.0.2-beta.1) (2024-08-26)
7
+ ## [19.0.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@18.0.1...@bonniernews/dn-design-system-web@19.0.0) (2024-08-26)
8
8
 
9
- ## [18.0.2-beta.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@18.0.1...@bonniernews/dn-design-system-web@18.0.2-beta.0) (2024-08-26)
10
9
 
10
+ ### ⚠ BREAKING CHANGES
11
+
12
+ * **foundations:** remove deprecated typography (#1369)
11
13
 
12
14
  ### Maintenance
13
15
 
14
- * **web:** use aspect-ratio for images ([444fa7b](https://github.com/BonnierNews/dn-design-system/commit/444fa7b2ec6109adabff6fa6d3470cac590adb5e))
16
+ * **foundations:** remove deprecated typography ([#1369](https://github.com/BonnierNews/dn-design-system/issues/1369)) ([8bdfc4d](https://github.com/BonnierNews/dn-design-system/commit/8bdfc4d13306bb97088fe81ef0350d9055d1429d))
17
+ * prerelease packages ([739d2b8](https://github.com/BonnierNews/dn-design-system/commit/739d2b8599439d222b9531dc198467e9727c7192))
15
18
 
16
19
  ## [18.0.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@18.0.0...@bonniernews/dn-design-system-web@18.0.1) (2024-08-22)
17
20
 
package/components/teaser-large/teaser-large.scss CHANGED
@@ -72,13 +72,12 @@
72
72
  right: 0;
73
73
  bottom: 0;
74
74
  width: 100%;
75
- min-width: 100%;
76
- margin: auto 0 0;
77
- max-height: 100%;
75
+ min-width: 96px;
76
+ margin: 0;
78
77
 
79
78
  .picture__img {
80
79
  margin: 0;
81
- object-position: top;
80
+ top: unset;
82
81
  max-height: unset;
83
82
  }
84
83
  }
package/foundations/variables/typographyTokensList.scss CHANGED
@@ -28,6 +28,7 @@ $ds-typography-detailteaser-large-rightcol: 'detailteaser-large-rightcol';
28
28
  $ds-typography-detailteaser-baotaxl: 'detailteaser-baotaxl';
29
29
  $ds-typography-detailteaser-tipsa: 'detailteaser-tipsa';
30
30
  $ds-typography-detaillonglife: 'detaillonglife';
31
+ $ds-typography-detailgameheader: 'detailgameheader';
31
32
  $ds-typography-expressiveheading01: 'expressiveheading01';
32
33
  $ds-typography-expressiveheading02: 'expressiveheading02';
33
34
  $ds-typography-expressiveheading03: 'expressiveheading03';
package/foundations/variables/typographyTokensScreenExtraLarge.scss CHANGED
@@ -172,6 +172,13 @@ $typographyTokensScreenExtraLarge: (
172
172
  fontSize: 28,
173
173
  letterSpacing: 0
174
174
  ),
175
+ detailgameheader: (
176
+ fontFamily: "DN Sans",
177
+ fontWeight: Bold,
178
+ fontSize: 36,
179
+ lineHeight: 1.1,
180
+ letterSpacing: 0
181
+ ),
175
182
  detailstandard-button: (
176
183
  fontFamily: "DN Sans",
177
184
  fontWeight: SemiBold,
package/foundations/variables/typographyTokensScreenLarge.scss CHANGED
@@ -173,6 +173,13 @@ $typographyTokensScreenLarge: (
173
173
  fontSize: 20,
174
174
  lineHeight: 1.1
175
175
  ),
176
+ detailgameheader: (
177
+ fontFamily: "DN Sans",
178
+ fontWeight: Bold,
179
+ fontSize: 36,
180
+ lineHeight: 1.1,
181
+ letterSpacing: 0
182
+ ),
176
183
  detailstandard-button: (
177
184
  fontFamily: "DN Sans",
178
185
  fontWeight: SemiBold,
package/foundations/variables/typographyTokensScreenSmall.scss CHANGED
@@ -215,6 +215,13 @@ $typographyTokensScreenSmall: (
215
215
  fontSize: 20,
216
216
  lineHeight: 1.1
217
217
  ),
218
+ detailgameheader: (
219
+ fontFamily: "DN Sans",
220
+ fontWeight: Bold,
221
+ fontSize: 28,
222
+ lineHeight: 1.1,
223
+ letterSpacing: 0
224
+ ),
218
225
  expressiveheading01: (
219
226
  fontFamily: "DN Serif Text",
220
227
  fontWeight: Bold,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "18.0.2-beta.1",
3
+ "version": "19.0.0",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/tokens/typography-list.json CHANGED
@@ -29,6 +29,7 @@
29
29
  "detailteaser-baotaxl": "'detailteaser-baotaxl'",
30
30
  "detailteaser-tipsa": "'detailteaser-tipsa'",
31
31
  "detaillonglife": "'detaillonglife'",
32
+ "detailgameheader": "'detailgameheader'",
32
33
  "expressiveheading01": "'expressiveheading01'",
33
34
  "expressiveheading02": "'expressiveheading02'",
34
35
  "expressiveheading03": "'expressiveheading03'",