@bonniernews/dn-design-system-web 3.0.0-alpha.53 → 3.0.0-alpha.55

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/assets/teaser/teaser.scss +1 -0
  3. package/components/teaser-large/README.md +1 -1
  4. package/components/teaser-onsite/README.md +1 -1
  5. package/components/teaser-onsite/teaser-onsite.njk +5 -1
  6. package/components/teaser-package/README.md +1 -1
  7. package/components/teaser-package/teaser-package.scss +6 -3
  8. package/components/teaser-split/README.md +1 -1
  9. package/components/teaser-standard/README.md +1 -1
  10. package/components/teaser-tipsa/README.md +1 -1
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.0.0-alpha.55](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.54...@bonniernews/dn-design-system-web@3.0.0-alpha.55) (2023-05-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **web:** import teaser-dot.scss that was missing in teaser.scss ([#809](https://github.com/BonnierNews/dn-design-system/issues/809)) ([5a6ef5c](https://github.com/BonnierNews/dn-design-system/commit/5a6ef5c1966dd6b1bba413dd4a58c7e64a695396))
12
+ * **web:** teaser-onsite copy update ([#802](https://github.com/BonnierNews/dn-design-system/issues/802)) ([bcd0c43](https://github.com/BonnierNews/dn-design-system/commit/bcd0c436b4b467d1b4a67e1e9f3a2dae962aa4d6))
13
+
14
+
15
+
16
+ ## [3.0.0-alpha.54](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.53...@bonniernews/dn-design-system-web@3.0.0-alpha.54) (2023-05-10)
17
+
18
+
19
+ ### Bug Fixes
20
+
21
+ * **web:** teaser package vignette color ([#804](https://github.com/BonnierNews/dn-design-system/issues/804)) ([0ac2d6d](https://github.com/BonnierNews/dn-design-system/commit/0ac2d6df30ebcfd28fd34113f1045df62b2bf1cd))
22
+
23
+
24
+
6
25
  ## 3.0.0-alpha.53 (2023-05-10)
7
26
 
8
27
 
package/assets/teaser/teaser.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "../../foundations/icons/icon.scss";
3
3
  @use "../../components/vip-badge/vip-badge.scss";
4
4
  @use "../../components/teaser-image/teaser-image.scss";
5
+ @use "../../components/teaser-dot/teaser-dot.scss";
5
6
 
6
7
  .ds-teaser {
7
8
  display: block;
package/components/teaser-large/README.md CHANGED
@@ -14,7 +14,7 @@
14
14
  |targetLink | String | yes | | | Target URL for the teaser |
15
15
  |targetId | String | no | | | Target article ID |
16
16
  |variant | String | no | "default" or "podd" | "default" | |
17
- |areaType | string | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
17
+ |areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
18
18
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
19
19
  |text | String | no | | | Teaser subtext |
20
20
  |vignette | String | no | | | Top text in the teaser |
package/components/teaser-onsite/README.md CHANGED
@@ -25,7 +25,7 @@ The worldMap has to be set by the parent page as a CSS variable. This is done in
25
25
  |title | String | yes | | | Heading of the teaser |
26
26
  |targetLink | String | yes | | | Target URL for the teaser |
27
27
  |targetId | String | no | | | Target article ID |
28
- |areaType | string | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
28
+ |areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
29
29
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
30
30
  |text | String | no | | | Teaser subtext |
31
31
  |mediaHtml | HTML String | no | | | Main image or other media |
package/components/teaser-onsite/teaser-onsite.njk CHANGED
@@ -10,6 +10,10 @@
10
10
  {% set additionalClasses = (additionalClasses.push('ds-theme--' + params.theme), additionalClasses) %}
11
11
  {% endif %}
12
12
 
13
+ {% if params.areaType %}
14
+ {% set additionalClasses = (additionalClasses.push(classNamePrefix + params.areaType), additionalClasses) %}
15
+ {% endif %}
16
+
13
17
  {% if params.classNames %}
14
18
  {% set additionalClasses = (additionalClasses.push(params.classNames), additionalClasses) %}
15
19
  {% endif%}
@@ -29,7 +33,7 @@
29
33
 
30
34
  <div class="{{ componentClassName + '__content'}}">
31
35
  <h2 class="ds-teaser__title">
32
- DN PÅ PLATS {{ params.title | safe }}
36
+ PÅ PLATS | {{ params.title | safe }}
33
37
  </h2>
34
38
 
35
39
  {% if params.text %}
package/components/teaser-package/README.md CHANGED
@@ -14,7 +14,7 @@
14
14
  |vignetteText | String | yes | | | Heading of the teaser |
15
15
  |vignetteTargetUrl | String | no | | | Target URL for the teaser |
16
16
  |vignetteTargetId | String | no | | | Target article ID |
17
- |areaType | string | no | "bauta" or "bautaxl" | | The area where the column is rendered |
17
+ |areaType | String | no | "bauta" or "bautaxl" | | The area where the column is rendered |
18
18
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
19
19
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
20
20
  |classNames | String | no | | | Ex. "my-special-class" |
package/components/teaser-package/teaser-package.scss CHANGED
@@ -50,14 +50,17 @@
50
50
  @include ds-typography($ds-typography-functional-body02bold);
51
51
  display: flex;
52
52
  justify-content: space-between;
53
- color: $ds-color-text-primary;
53
+ align-items: center;
54
54
  background-color: $ds-color-component-secondary;
55
55
  }
56
56
 
57
57
  a.ds-teaser-package__vignette {
58
58
  @include ds-link($ds-link-list);
59
- display: flex;
60
- align-items: center;
59
+ }
60
+
61
+ .ds-teaser-package__vignette,
62
+ a.ds-teaser-package__vignette {
63
+ color: $ds-color-text-primary;
61
64
  }
62
65
 
63
66
  &.ds-teaser-package--bauta {
package/components/teaser-split/README.md CHANGED
@@ -14,7 +14,7 @@
14
14
  |targetLink | String | yes | | | Target URL for the teaser |
15
15
  |targetId | String | no | | | Target article ID |
16
16
  |~variant~ | String | no | "default" or "podd" | "default" | Not implemented |
17
- |areaType | string | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
17
+ |areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
18
18
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
19
19
  |text | String | no | | | Teaser subtext |
20
20
  |vignette | String | no | | | Top text in the teaser |
package/components/teaser-standard/README.md CHANGED
@@ -14,7 +14,7 @@
14
14
  |targetLink | String | yes | | | Target URL for the teaser |
15
15
  |targetId | String | no | | | Target article ID |
16
16
  |variant | String | no | "default" or "podd" | "default" | |
17
- |areaType | string | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
17
+ |areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
18
18
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
19
19
  |text | String | no | | | Teaser subtext |
20
20
  |vignette | String | no | | | Top text in the teaser |
package/components/teaser-tipsa/README.md CHANGED
@@ -16,7 +16,7 @@ It's quite common to include a dot in the title string, like "• This is a titl
16
16
  |targetLink | String | yes | | | Target URL for the teaser |
17
17
  |targetId | String | no | | | Target article ID |
18
18
  |text | String | no | | | Teaser subtext |
19
- |areaType | string | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
19
+ |areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
20
20
  |theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
21
21
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
22
22
  |classNames | String | no | | | Ex. "my-special-class" |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "3.0.0-alpha.53",
3
+ "version": "3.0.0-alpha.55",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",