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

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 (9) hide show
  1. package/CHANGELOG.md +34 -3
  2. package/components/group-header/group-header.scss +2 -0
  3. package/components/teaser-large/teaser-large.scss +3 -4
  4. package/foundations/variables/typographyTokensList.scss +1 -0
  5. package/foundations/variables/typographyTokensScreenExtraLarge.scss +7 -0
  6. package/foundations/variables/typographyTokensScreenLarge.scss +7 -0
  7. package/foundations/variables/typographyTokensScreenSmall.scss +7 -0
  8. package/package.json +1 -1
  9. package/tokens/typography-list.json +1 -0
package/CHANGELOG.md CHANGED
@@ -4,14 +4,45 @@ 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.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@19.0.0...@bonniernews/dn-design-system-web@19.0.1) (2024-08-29)
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
+ ### Features
11
+
12
+ * **app:** create `Pill` ([#1374](https://github.com/BonnierNews/dn-design-system/issues/1374)) ([2054569](https://github.com/BonnierNews/dn-design-system/commit/20545696c9960206d03da8a7a0bed6b83ff77ebf))
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * **web:** groupheader height fallback in browsers with bad flex support ([#1381](https://github.com/BonnierNews/dn-design-system/issues/1381)) ([45ca0ac](https://github.com/BonnierNews/dn-design-system/commit/45ca0acf8cd589f70ac07a698abdcdce990a7224))
18
+
19
+
20
+ ### Maintenance
21
+
22
+ * **app:** use DN Sans 1-500 ([#1373](https://github.com/BonnierNews/dn-design-system/issues/1373)) ([2c68281](https://github.com/BonnierNews/dn-design-system/commit/2c6828133462cb27519c9d9b729fc0ff8424cc9e))
23
+ * **deps-dev:** bump @testing-library/react-native from 12.4.1 to 12.6.0 ([#1366](https://github.com/BonnierNews/dn-design-system/issues/1366)) ([4fdc6f6](https://github.com/BonnierNews/dn-design-system/commit/4fdc6f6a619ae0b1363715bc3dba9c5397ee7d86))
24
+ * **deps-dev:** bump babel-plugin-react-native-web from 0.18.12 to 0.19.12 ([#1353](https://github.com/BonnierNews/dn-design-system/issues/1353)) ([5eef79a](https://github.com/BonnierNews/dn-design-system/commit/5eef79a1a4bfc3c68dc1984bcf5a0b7e502fb116))
25
+ * **deps-dev:** bump react-test-renderer and @types/react-test-renderer ([#1378](https://github.com/BonnierNews/dn-design-system/issues/1378)) ([fcc4b11](https://github.com/BonnierNews/dn-design-system/commit/fcc4b1122e93c9fb341d4a1dd85fe49f9bf43221))
26
+ * **deps-dev:** bump remove-markdown from 0.5.0 to 0.5.2 ([#1365](https://github.com/BonnierNews/dn-design-system/issues/1365)) ([8d0b785](https://github.com/BonnierNews/dn-design-system/commit/8d0b78579def519a981c5475c1294e17eb2ea22f))
27
+ * **deps:** bump @emotion/react from 11.11.1 to 11.13.3 ([#1375](https://github.com/BonnierNews/dn-design-system/issues/1375)) ([0500810](https://github.com/BonnierNews/dn-design-system/commit/0500810577aff0b227c2b9d6531bdb0310ff011f))
28
+ * **deps:** bump @react-native-async-storage/async-storage from 1.21.0 to 1.24.0 ([#1376](https://github.com/BonnierNews/dn-design-system/issues/1376)) ([f08256b](https://github.com/BonnierNews/dn-design-system/commit/f08256b83b1651cd4f8c7a39fb229bb8293c76c8))
29
+ * **deps:** bump react-dom from 18.2.0 to 18.3.1 ([#1377](https://github.com/BonnierNews/dn-design-system/issues/1377)) ([7d7a902](https://github.com/BonnierNews/dn-design-system/commit/7d7a9024132e77ea6ae08f446bf18db04c0ffafa))
30
+ * prerelease packages ([879456b](https://github.com/BonnierNews/dn-design-system/commit/879456b0bd3d7707337df4a601aa4169bbc8193a))
31
+ * prerelease packages ([f7a6620](https://github.com/BonnierNews/dn-design-system/commit/f7a6620729464478fd040344f7905059db093c58))
32
+ * prerelease packages ([e8c3fac](https://github.com/BonnierNews/dn-design-system/commit/e8c3faccd0d9cbdc3cba3f1378a53e417ed97078))
33
+ * prerelease packages ([57dce58](https://github.com/BonnierNews/dn-design-system/commit/57dce581234dbedf9b305ab1ac7ab998c625b226))
34
+
35
+ ## [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)
36
+
37
+
38
+ ### ⚠ BREAKING CHANGES
39
+
40
+ * **foundations:** remove deprecated typography (#1369)
11
41
 
12
42
  ### Maintenance
13
43
 
14
- * **web:** use aspect-ratio for images ([444fa7b](https://github.com/BonnierNews/dn-design-system/commit/444fa7b2ec6109adabff6fa6d3470cac590adb5e))
44
+ * **foundations:** remove deprecated typography ([#1369](https://github.com/BonnierNews/dn-design-system/issues/1369)) ([8bdfc4d](https://github.com/BonnierNews/dn-design-system/commit/8bdfc4d13306bb97088fe81ef0350d9055d1429d))
45
+ * prerelease packages ([739d2b8](https://github.com/BonnierNews/dn-design-system/commit/739d2b8599439d222b9531dc198467e9727c7192))
15
46
 
16
47
  ## [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
48
 
package/components/group-header/group-header.scss CHANGED
@@ -11,6 +11,8 @@ $ds-group-header__icon-size: 24px;
11
11
  display: flex;
12
12
  justify-content: space-between;
13
13
  align-items: stretch;
14
+ // In ios13 and older, the height would be 0 due to flex so use this as a fallback to create a 48 px height
15
+ min-height: ds-spacing($ds-s-300);
14
16
  background: var(--group-header-background);
15
17
  color: var(--group-header-color);
16
18
  @include ds-typography($ds-typography-functionalbody02);
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.1",
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'",