@bonniernews/dn-design-system-web 19.0.1 → 20.0.1

package/CHANGELOG.md

@@ -4,19 +4,41 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
 
 
 
-## [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)
+## [20.0.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.0.0...@bonniernews/dn-design-system-web@20.0.1) (2024-08-29)
+
+
+### Bug Fixes
+
+* **foundations:** update README for 'yarn storybook'  ([#1367](https://github.com/BonnierNews/dn-design-system/issues/1367)) ([057d3d9](https://github.com/BonnierNews/dn-design-system/commit/057d3d9ce08058579bb6691184e9958e2a3c964b))
+* **web:** groupheader minheight adjustments ([#1388](https://github.com/BonnierNews/dn-design-system/issues/1388)) ([a00e867](https://github.com/BonnierNews/dn-design-system/commit/a00e867148fe607bea3b2d697ef27ebd0f475e7b))
+
+
+### Maintenance
+
+* **deps-dev:** bump @babel/preset-env from 7.25.3 to 7.25.4 ([#1386](https://github.com/BonnierNews/dn-design-system/issues/1386)) ([ddba71e](https://github.com/BonnierNews/dn-design-system/commit/ddba71ed2337fd3e7167b5b1f7c9b01db8dc39bc))
+* **deps-dev:** bump axios from 1.7.4 to 1.7.5 ([#1385](https://github.com/BonnierNews/dn-design-system/issues/1385)) ([27d037f](https://github.com/BonnierNews/dn-design-system/commit/27d037f58ec422f91af6b59242d0456b335aa93c))
+
+## [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)
+
+
+### ⚠ BREAKING CHANGES
+
+* This code assumes that media html is styled with aspect-ratio
 
+### Maintenance
+
+* 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))
+
+## [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)
 
 ### Features
 
 * **app:** create `Pill` ([#1374](https://github.com/BonnierNews/dn-design-system/issues/1374)) ([2054569](https://github.com/BonnierNews/dn-design-system/commit/20545696c9960206d03da8a7a0bed6b83ff77ebf))
 
-
 ### Bug Fixes
 
 * **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))
 
-
 ### Maintenance
 
 * **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))
@@ -34,7 +56,6 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
 
 ## [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)
 
-
 ### ⚠ BREAKING CHANGES
 
 * **foundations:** remove deprecated typography (#1369)
@@ -42,8 +63,18 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
 ### Maintenance
 
 * **foundations:** remove deprecated typography ([#1369](https://github.com/BonnierNews/dn-design-system/issues/1369)) ([8bdfc4d](https://github.com/BonnierNews/dn-design-system/commit/8bdfc4d13306bb97088fe81ef0350d9055d1429d))
+
+
+## [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)
+
+## [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)
+
+### Maintenance
+
 * prerelease packages ([739d2b8](https://github.com/BonnierNews/dn-design-system/commit/739d2b8599439d222b9531dc198467e9727c7192))
 
+* **web:** use aspect-ratio for images ([444fa7b](https://github.com/BonnierNews/dn-design-system/commit/444fa7b2ec6109adabff6fa6d3470cac590adb5e))
+
 ## [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)
 
 

package/components/group-header/group-header.scss

@@ -9,16 +9,17 @@ $ds-group-header__icon-size: 24px;
   --group-header-color: #{$ds-color-text-primary};
   --group-header-icon-color: currentColor;
   display: flex;
+  // 48px height is based on the value of SenasteNytt
+  flex: 1 1 ds-spacing($ds-s-300);
   justify-content: space-between;
   align-items: stretch;
-  // In ios13 and older, the height would be 0 due to flex so use this as a fallback to create a 48 px height
-  min-height: ds-spacing($ds-s-300);
   background: var(--group-header-background);
   color: var(--group-header-color);
   @include ds-typography($ds-typography-functionalbody02);
 
   &--bottom-border {
-    border-bottom: ds-border-width(x1) solid $ds-color-border-primary;
+    border-bottom: ds-border-width(x1) solid #{$ds-color-border-primary};
+    flex-basis: ds-spacing($ds-s-300) - 1px;
   }
 
   &--bauta {

package/components/teaser-large/teaser-large.scss

@@ -72,12 +72,13 @@
       right: 0;
       bottom: 0;
       width: 100%;
-      min-width: 96px;
-      margin: 0;
+      min-width: 100%;
+      margin: auto 0 0;
+      max-height: 100%;
 
       .picture__img {
         margin: 0;
-        top: unset;
+        object-position: top;
         max-height: unset;
       }
     }

package/package.json

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