@bonniernews/dn-design-system-web 14.0.1 → 14.0.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,14 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## [14.0.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.0.1...@bonniernews/dn-design-system-web@14.0.2) (2024-03-06)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **web:** handle square image in teaser standard ([#1231](https://github.com/BonnierNews/dn-design-system/issues/1231)) ([13934cb](https://github.com/BonnierNews/dn-design-system/commit/13934cba7447dd04d0129dd7dd380b63681cb7c5))
|
|
13
|
+
* **web:** update typography tests ([#1230](https://github.com/BonnierNews/dn-design-system/issues/1230)) ([652247f](https://github.com/BonnierNews/dn-design-system/commit/652247f7b9c8f982fe653ff024ea973266ddd9d7))
|
|
14
|
+
|
|
7
15
|
## [14.0.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@14.0.0...@bonniernews/dn-design-system-web@14.0.1) (2024-03-04)
|
|
8
16
|
|
|
9
17
|
|
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
|isLocked | bool | no | true, false | false | If the paywall indicator should be shown. It is only shown if the teaser has an image. |
|
|
28
28
|
|publicationTime | string | no | | null | Publication time text. |
|
|
29
29
|
|duration | string | no | | null | Duration of podcast. |
|
|
30
|
+
|isSquareImage | boolean | no | | false | Flag so we can handle square teaser images |
|
|
30
31
|
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|
|
31
32
|
|classNames | String | no | | | Ex. "my-special-class" |
|
|
32
33
|
|~forcePx~ | | | | | Not supported |
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
<div class="{{ componentClassName + '__content'}}">
|
|
36
36
|
{% if params.mediaHtml %}
|
|
37
|
-
<div class="{{ componentClassName + '__media'}}">
|
|
37
|
+
<div class="{{ componentClassName + '__media'}} {{ componentClassName + '__media--square-image' if params.isSquareImage}}">
|
|
38
38
|
{{ params.mediaHtml }}
|
|
39
39
|
{% if params.isLocked %}
|
|
40
40
|
{{ VipBadge({
|
|
@@ -72,17 +72,15 @@
|
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}
|
|
75
|
+
.ds-teaser__media--square-image {
|
|
76
|
+
@include ds-mq-only-breakpoint(mobile) {
|
|
77
|
+
min-width: 80px;
|
|
78
|
+
max-width: 80px;
|
|
79
|
+
}
|
|
81
80
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
}
|
|
81
|
+
@include ds-mq-smallest-breakpoint(tablet) {
|
|
82
|
+
min-width: 124px;
|
|
83
|
+
max-width: 124px;
|
|
86
84
|
}
|
|
87
85
|
}
|
|
88
86
|
}
|
package/package.json
CHANGED