@bonniernews/dn-design-system-web 21.1.0 → 21.1.2

package/CHANGELOG.md

@@ -4,6 +4,20 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
 
 
 
+## [21.1.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@21.1.1...@bonniernews/dn-design-system-web@21.1.2) (2024-11-15)
+
+
+### Bug Fixes
+
+* **web:** support bauta outside package ([#1496](https://github.com/BonnierNews/dn-design-system/issues/1496)) ([47a7d21](https://github.com/BonnierNews/dn-design-system/commit/47a7d219b4c4c7aefa1106a7a58433d3b5b7b897))
+
+## [21.1.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@21.1.0...@bonniernews/dn-design-system-web@21.1.1) (2024-11-15)
+
+
+### Bug Fixes
+
+* **web:** correct spacing in linkbox ([#1497](https://github.com/BonnierNews/dn-design-system/issues/1497)) ([54e78f2](https://github.com/BonnierNews/dn-design-system/commit/54e78f28880ef7b1a735b8f528bfcb55b545e11a))
+
 ## [21.1.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@21.0.4...@bonniernews/dn-design-system-web@21.1.0) (2024-11-11)
 
 

package/assets/teaser/teaser.scss

@@ -124,4 +124,8 @@ $grade-size: ds-px-to-rem(34px);
       margin-right: ds-spacing($ds-s-025);
     }
   }
+
+  &--bauta {
+    background-color: $bauta-surface-color;
+  }
 }

package/components/link-box/link-box.scss

@@ -8,7 +8,8 @@
   .ds-link-box__grid {
     padding: ds-spacing($ds-s-100);
     display: grid;
-    gap: ds-spacing($ds-s-100);
+    column-gap: ds-spacing($ds-s-050);
+    row-gap: ds-spacing($ds-s-100);
 
     @include ds-mq-only-breakpoint(mobile) {
       grid-template-columns: repeat(2, minmax(0, 1fr));

package/components/teaser-card/teaser-card.njk

@@ -8,6 +8,7 @@
   {%- set classes = [
     componentClassName,
     classNamePrefix + params.areaType if params.areaType,
+    'ds-dark' if params.areaType == 'bauta',
     "ds-theme--" + params.theme if params.theme,
     params.classNames if params.classNames
   ] | join(" ") %}

package/components/teaser-card/teaser-card.tsx

@@ -16,6 +16,7 @@ export const TeaserCard = ({ areaType, targetLink, theme = 'nyheter', classes, a
   const classNames = formatClassString([
     componentClassName,
     areaType && `${componentClassName}--${areaType}`,
+    areaType == 'bauta' && 'ds-dark',
     `ds-theme--${theme}`,
     classes,
   ])

package/components/teaser-right-now/teaser-right-now.njk

@@ -10,6 +10,7 @@
   {% call TeaserCard({
     targetLink: params.targetLink,
     theme: params.theme,
+    areaType: params.areaType,
     attributes: params.attributes,
     classNames: extraClasses
   }) %}

package/components/teaser-slideshow/teaser-slideshow.scss

@@ -34,4 +34,8 @@
       text-decoration: none;
     }
   }
+
+  &.ds-teaser--bauta {
+    background-color: $bauta-surface-color;
+  }
 }

package/components/teaser-split/teaser-split.scss

@@ -22,6 +22,10 @@
     }
   }
 
+  &.ds-split-container--bauta {
+    background-color: $bauta-surface-color;
+  }
+
   .ds-teaser--split {
     box-sizing: content-box;
     display: block;

package/components/teaser-tipsa/teaser-tipsa.njk

@@ -10,6 +10,7 @@
 
   {% call TeaserCard({
     targetLink: params.targetLink,
+    areaType: params.areaType,
     attributes: params.attributes,
     classNames: extraClasses
   }) %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonniernews/dn-design-system-web",
-  "version": "21.1.0",
+  "version": "21.1.2",
   "description": "DN design system for web.",
   "main": "index.tsx",
   "type": "module",