@bonniernews/dn-design-system-web 8.9.8 → 9.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.
- package/CHANGELOG.md +11 -0
- package/components/teaser-large/README.md +1 -0
- package/components/teaser-large/teaser-large.njk +1 -0
- package/components/teaser-large/teaser-large.scss +11 -0
- package/components/teaser-standard/README.md +1 -0
- package/components/teaser-standard/teaser-standard.njk +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,17 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
+
## [9.0.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@8.9.8...@bonniernews/dn-design-system-web@9.0.0) (2023-12-08)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### ⚠ BREAKING CHANGES
|
|
11
|
+
|
|
12
|
+
* **web:** compact renamed to isCompact in teaser standard
|
|
13
|
+
|
|
14
|
+
### Features
|
|
15
|
+
|
|
16
|
+
* **web:** teaser large compact ([#1143](https://github.com/BonnierNews/dn-design-system/issues/1143)) ([4c578fb](https://github.com/BonnierNews/dn-design-system/commit/4c578fb20fd3b00eb5f1bd0951f512bd0004da75))
|
|
17
|
+
|
|
7
18
|
## [8.9.8](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@8.9.7...@bonniernews/dn-design-system-web@8.9.8) (2023-12-08)
|
|
8
19
|
|
|
9
20
|
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
|bylineHtml | HTML String | no | | | Side image of the author |
|
|
25
25
|
|isItalicHeadline | bool | no | true, false | false | If the headline should be italic |
|
|
26
26
|
|isLargeHeadline | bool | no | true, false | false | If the headline should be large. Only has an effect if `isItalicHeadline` is true. |
|
|
27
|
+
|isCompact | bool | no | true, false | false | If the headline should be compact |
|
|
27
28
|
|isFlashingDot | bool | no | true, false | false | If there should be a flashing ball before the text |
|
|
28
29
|
|isLocked | bool | no | true, false | false | If the paywall indicator should be shown. It is only shown if the teaser has an image. |
|
|
29
30
|
|publicationTime | string | no | | null | Publication time text. |
|
|
@@ -103,6 +103,17 @@
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
|
|
106
|
+
&.ds-teaser--compact {
|
|
107
|
+
.ds-teaser__title {
|
|
108
|
+
@include ds-typography($ds-typography-detailteaser-large-compact);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
&.ds-teaser--large-italic .ds-teaser__title,
|
|
112
|
+
&.ds-teaser--large-big-italic .ds-teaser__title {
|
|
113
|
+
@include ds-typography($ds-typography-detailteaser-large-compact-opinion);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
106
117
|
@include ds-mq-smallest-breakpoint(tablet) {
|
|
107
118
|
&.ds-teaser--right {
|
|
108
119
|
.ds-teaser__title {
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
|grade | String | no | | | zero, one, two, three, four, five, none |
|
|
23
23
|
|mediaHtml | HTML String | no | | | Main image or other media |
|
|
24
24
|
|isItalicHeadline | bool | no | true, false | false | If the headline should be italic |
|
|
25
|
+
|isCompact | bool | no | true, false | false | If the headline should be compact |
|
|
25
26
|
|isFlashingDot | bool | no | true, false | false | If there should be a flashing ball before the text |
|
|
26
27
|
|isLocked | bool | no | true, false | false | If the paywall indicator should be shown. It is only shown if the teaser has an image. |
|
|
27
28
|
|publicationTime | string | no | | null | Publication time text. |
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
{% set extraClasses = [
|
|
12
12
|
"ds-teaser--standard",
|
|
13
13
|
classNamePrefix + params.variant if params.variant,
|
|
14
|
-
classNamePrefix + "compact" if params.
|
|
14
|
+
classNamePrefix + "compact" if params.isCompact,
|
|
15
15
|
classNamePrefix + "quote-badge" if hasQuoteBadge,
|
|
16
16
|
params.classNames if params.classNames
|
|
17
17
|
] | join(" ") %}
|
package/package.json
CHANGED