@bonniernews/dn-design-system-web 14.3.1 → 14.3.2
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.
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,19 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## [14.3.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.3.1...@bonniernews/dn-design-system-web@14.3.2) (2024-03-14)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **web:** pass vignette icon markup to teaser package ([#1244](https://github.com/BonnierNews/dn-design-system/issues/1244)) ([e206d25](https://github.com/BonnierNews/dn-design-system/commit/e206d25989a09f686caca515b5ff284befd8a80c))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Maintenance
|
|
16
|
+
|
|
17
|
+
* adjust list item spacing ([#1243](https://github.com/BonnierNews/dn-design-system/issues/1243)) ([1235245](https://github.com/BonnierNews/dn-design-system/commit/123524541b75e0eab2fd449dd6764f916718dfe9))
|
|
18
|
+
* prerelease packages ([5fc1a71](https://github.com/BonnierNews/dn-design-system/commit/5fc1a718158f263abd7b4b9baf42b8f60b044eed))
|
|
19
|
+
|
|
7
20
|
## [14.3.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.3.0...@bonniernews/dn-design-system-web@14.3.1) (2024-03-13)
|
|
8
21
|
|
|
9
22
|
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
{% set groupHeaderInner %}
|
|
19
19
|
{% if params.variant == 'image' %}
|
|
20
|
-
<div class="{{ componentClassName + '__image'}}">{{ params.mediaHtml }}</div>
|
|
20
|
+
<div class="{{ componentClassName + '__image'}}">{{ params.mediaHtml | safe }}</div>
|
|
21
21
|
{% endif %}
|
|
22
22
|
<h2 class="{{ componentClassName + '__title'}}">{{ params.title }}</h2>
|
|
23
23
|
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
|teasersHtml | HTML String | yes | | | HTML teaser output |
|
|
14
14
|
|vignetteText | String | yes | | | Heading of the teaser |
|
|
15
15
|
|vignetteTargetUrl | String | no | | | Target URL for the teaser |
|
|
16
|
+
|vignetteIconHtml | string | no | | | The icon markup for the vignette |
|
|
16
17
|
|areaType | String | no | "bauta" or "bautaxl" | | The area where the column is rendered |
|
|
17
18
|
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|
|
18
19
|
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|
|
@@ -11,12 +11,20 @@
|
|
|
11
11
|
params.classNames if params.classNames
|
|
12
12
|
] | join(" ") %}
|
|
13
13
|
{%- set attributes = getAttributes(params.attributes) %}
|
|
14
|
+
|
|
15
|
+
{% if params.vignetteIconHtml %}
|
|
16
|
+
{% set variant = 'image' %}
|
|
17
|
+
{% elif params.areaType === 'bauta' or params.areaType === 'bautaxl'%}
|
|
18
|
+
{% set variant = params.areaType %}
|
|
19
|
+
{% endif %}
|
|
20
|
+
|
|
14
21
|
<div class="{{ classes }}">
|
|
15
22
|
{% if params.vignetteText %}
|
|
16
23
|
{{ GroupHeader({
|
|
17
24
|
title: params.vignetteText,
|
|
18
25
|
href: params.vignetteTargetUrl,
|
|
19
|
-
variant:
|
|
26
|
+
variant: variant,
|
|
27
|
+
mediaHtml: params.vignetteIconHtml if params.vignetteIconHtml
|
|
20
28
|
}) }}
|
|
21
29
|
{% endif %}
|
|
22
30
|
{{ params.teasersHtml | safe }}
|
package/package.json
CHANGED