@bonniernews/dn-design-system-web 19.0.0 → 20.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 (4) hide show
  1. package/CHANGELOG.md +46 -1
  2. package/components/group-header/group-header.scss +2 -0
  3. package/components/teaser-large/teaser-large.scss +4 -3
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -4,8 +4,43 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
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)
7
+ ## [20.0.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@19.0.1...@bonniernews/dn-design-system-web@20.0.0) (2024-08-29)
8
+
9
+
10
+ ### ⚠ BREAKING CHANGES
11
+
12
+ * This code assumes that media html is styled with aspect-ratio
13
+
14
+ ### Maintenance
15
+
16
+ * use `aspect-ratio` for images instead of padding hack ([#1370](https://github.com/BonnierNews/dn-design-system/issues/1370)) ([6195a7f](https://github.com/BonnierNews/dn-design-system/commit/6195a7f938bc62633b360f6635e7ffec29a1e4f8))
17
+
18
+ ## [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)
19
+
20
+ ### Features
21
+
22
+ * **app:** create `Pill` ([#1374](https://github.com/BonnierNews/dn-design-system/issues/1374)) ([2054569](https://github.com/BonnierNews/dn-design-system/commit/20545696c9960206d03da8a7a0bed6b83ff77ebf))
23
+
24
+ ### Bug Fixes
25
+
26
+ * **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))
27
+
28
+ ### Maintenance
8
29
 
30
+ * **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))
31
+ * **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))
32
+ * **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))
33
+ * **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))
34
+ * **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))
35
+ * **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))
36
+ * **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))
37
+ * **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))
38
+ * prerelease packages ([879456b](https://github.com/BonnierNews/dn-design-system/commit/879456b0bd3d7707337df4a601aa4169bbc8193a))
39
+ * prerelease packages ([f7a6620](https://github.com/BonnierNews/dn-design-system/commit/f7a6620729464478fd040344f7905059db093c58))
40
+ * prerelease packages ([e8c3fac](https://github.com/BonnierNews/dn-design-system/commit/e8c3faccd0d9cbdc3cba3f1378a53e417ed97078))
41
+ * prerelease packages ([57dce58](https://github.com/BonnierNews/dn-design-system/commit/57dce581234dbedf9b305ab1ac7ab998c625b226))
42
+
43
+ ## [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)
9
44
 
10
45
  ### ⚠ BREAKING CHANGES
11
46
 
@@ -14,8 +49,18 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
14
49
  ### Maintenance
15
50
 
16
51
  * **foundations:** remove deprecated typography ([#1369](https://github.com/BonnierNews/dn-design-system/issues/1369)) ([8bdfc4d](https://github.com/BonnierNews/dn-design-system/commit/8bdfc4d13306bb97088fe81ef0350d9055d1429d))
52
+
53
+
54
+ ## [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)
55
+
56
+ ## [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)
57
+
58
+ ### Maintenance
59
+
17
60
  * prerelease packages ([739d2b8](https://github.com/BonnierNews/dn-design-system/commit/739d2b8599439d222b9531dc198467e9727c7192))
18
61
 
62
+ * **web:** use aspect-ratio for images ([444fa7b](https://github.com/BonnierNews/dn-design-system/commit/444fa7b2ec6109adabff6fa6d3470cac590adb5e))
63
+
19
64
  ## [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)
20
65
 
21
66
 
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,12 +72,13 @@
72
72
  right: 0;
73
73
  bottom: 0;
74
74
  width: 100%;
75
- min-width: 96px;
76
- margin: 0;
75
+ min-width: 100%;
76
+ margin: auto 0 0;
77
+ max-height: 100%;
77
78
 
78
79
  .picture__img {
79
80
  margin: 0;
80
- top: unset;
81
+ object-position: top;
81
82
  max-height: unset;
82
83
  }
83
84
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "19.0.0",
3
+ "version": "20.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",