@bonniernews/dn-design-system-web 20.5.3 → 20.5.4
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
|
+
## [20.5.4](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.5.3...@bonniernews/dn-design-system-web@20.5.4) (2024-10-09)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Bug Fixes
|
|
11
|
+
|
|
12
|
+
* **web:** support group header with toggle button in teaser list swipe ([#1427](https://github.com/BonnierNews/dn-design-system/issues/1427)) ([b9f92ec](https://github.com/BonnierNews/dn-design-system/commit/b9f92ecfeeb5a7d369fa6fb15516831064c81b73))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
### Maintenance
|
|
16
|
+
|
|
17
|
+
* **foundations:** update tokens from Figma ([#1425](https://github.com/BonnierNews/dn-design-system/issues/1425)) ([011234f](https://github.com/BonnierNews/dn-design-system/commit/011234f775c71a7a6590d5c038cc8a1a4c60c9ce))
|
|
18
|
+
* prerelease packages ([b738549](https://github.com/BonnierNews/dn-design-system/commit/b7385498577d28020b23b7235459431e107521b2))
|
|
19
|
+
|
|
7
20
|
## [20.5.3](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@20.5.2...@bonniernews/dn-design-system-web@20.5.3) (2024-10-09)
|
|
8
21
|
|
|
9
22
|
|
|
@@ -17,6 +17,12 @@
|
|
|
17
17
|
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|
|
18
18
|
|teasers | Object | yes | | | A list of arguments to TeaserSwipeCard |
|
|
19
19
|
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
|
|
20
|
+
|groupHeaderType | String | no | "icon", "link", "toggle", "arrow" | | Type of group header |
|
|
21
|
+
|groupHeaderToggleText | String | no | | | Text in toggle button |
|
|
22
|
+
|groupHeaderToggleSelectedText | String | no | | | Text in toggle button when selected |
|
|
23
|
+
|groupHeaderToggleSelected | Boolean | no | | false | Is toogle button selected or not |
|
|
24
|
+
|groupHeaderToggleClassNames | String | no | | | Class names for toggle button |
|
|
25
|
+
|groupHeaderToggleAttributes | Object | no | | | Attributes for toogle button. Ex. { "data-entity-id": "dn.epi.434" } |
|
|
20
26
|
|classNames | String | no | | | Ex. "my-special-class" |
|
|
21
27
|
|~forcePx~ | | | | | Not supported |
|
|
22
28
|
|
|
@@ -31,6 +31,11 @@
|
|
|
31
31
|
title: params.title,
|
|
32
32
|
href: params.titleHref,
|
|
33
33
|
type: type,
|
|
34
|
+
toggleText: params.groupHeaderToggleText,
|
|
35
|
+
toggleSelectedText: params.groupHeaderToggleSelectedText,
|
|
36
|
+
toggleSelected: params.groupHeaderToggleSelected,
|
|
37
|
+
toggleClassNames: params.groupHeaderToggleClassNames,
|
|
38
|
+
toggleAttributes: params.groupHeaderToggleAttributes,
|
|
34
39
|
linkText: 'Visa alla'
|
|
35
40
|
}) }}
|
|
36
41
|
<div class="{{ componentClassName + '__carousel'}}" role="list">
|
package/package.json
CHANGED