@bonniernews/dn-design-system-web 21.1.8 → 21.1.9

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 (9) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/assets/teaser/teaser.scss +0 -25
  3. package/components/teaser-large/README.md +0 -1
  4. package/components/teaser-large/teaser-large.njk +1 -1
  5. package/components/teaser-split/README.md +0 -1
  6. package/components/teaser-split/teaser-split.njk +1 -1
  7. package/components/teaser-standard/README.md +0 -1
  8. package/components/teaser-standard/teaser-standard.njk +1 -1
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -4,6 +4,13 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [21.1.9](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@21.1.8...@bonniernews/dn-design-system-web@21.1.9) (2024-11-29)
8
+
9
+
10
+ ### Bug Fixes
11
+
12
+ * **web:** remove unused grade code for teasers ([#1507](https://github.com/BonnierNews/dn-design-system/issues/1507)) ([ec97bde](https://github.com/BonnierNews/dn-design-system/commit/ec97bde80759afc5a7779a753263f7b38b4058ee))
13
+
7
14
  ## [21.1.8](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@21.1.7...@bonniernews/dn-design-system-web@21.1.8) (2024-11-28)
8
15
 
9
16
 
package/assets/teaser/teaser.scss CHANGED
@@ -10,8 +10,6 @@ $ds-teaser-standard-image-width-mobile: 104px;
10
10
  $ds-teaser-standard-image-width-tablet: 156px;
11
11
  $ds-teaser-standard-image-width-desktop: 196px;
12
12
 
13
- $grade-size: ds-px-to-rem(34px);
14
-
15
13
  @mixin ds-teaser-focus($offset: 2px, $includeSelector: true) {
16
14
  @include ds-focus($offset, $includeSelector);
17
15
  }
@@ -65,29 +63,6 @@ $grade-size: ds-px-to-rem(34px);
65
63
  @include ds-mq-smallest-breakpoint(tablet) {
66
64
  margin-top: ds-spacing($ds-s-075);
67
65
  }
68
-
69
- &.ds-teaser__text--with-grade {
70
- min-height: calc($grade-size + ds-spacing($ds-s-025, "rem"));
71
- }
72
- }
73
-
74
- .ds-icon.ds-icon--grade {
75
- color: $ds-color-icon-primary;
76
- border-radius: 50%;
77
- float: left;
78
- font-size: 0;
79
- line-height: 0;
80
- margin: ds-spacing($ds-s-025 $ds-s-050 0 0, "rem");
81
- height: $grade-size;
82
- width: $grade-size;
83
-
84
- svg {
85
- width: 100%;
86
- height: 100%;
87
- circle {
88
- stroke: currentColor;
89
- }
90
- }
91
66
  }
92
67
 
93
68
  .ds-teaser__sticker {
package/components/teaser-large/README.md CHANGED
@@ -19,7 +19,6 @@
19
19
  |vignette | String | no | | | Top text in the teaser |
20
20
  |highlight | String | no | | | Text before the heading |
21
21
  |sticker | String | no | | | Red text before the text |
22
- |grade | String | no | | | zero, one, two, three, four, five, none |
23
22
  |mediaHtml | HTML String | no | | | Main image or other media |
24
23
  |bylineHtml | HTML String | no | | | Side image of the author |
25
24
  |isItalicHeadline | bool | no | true, false | false | If the headline should be italic |
package/components/teaser-large/teaser-large.njk CHANGED
@@ -63,7 +63,7 @@
63
63
  </h2>
64
64
 
65
65
  {% if params.text and params.areaType !== "right" %}
66
- <p class="{{ componentClassName + '__text' }} {{ componentClassName + '__text--with-grade' if gradeHtml.length }}">
66
+ <p class="{{ componentClassName + '__text' }}">
67
67
  {{ TeaserDot({ flashing: params.isFlashingDot }) }}
68
68
  {% if params.sticker %}
69
69
  <span class="ds-teaser__sticker">
package/components/teaser-split/README.md CHANGED
@@ -19,7 +19,6 @@
19
19
  |vignette | String | no | | | Top text in the teaser |
20
20
  |highlight | String | no | | | Text before the heading |
21
21
  |sticker | String | no | | | Red text before the text |
22
- |grade | String | no | | | zero, one, two, three, four, five, none |
23
22
  |mediaHtml | HTML String | no | | | Main image or other media |
24
23
  |isFlashingDot | bool | no | true, false | false | If there should be a flashing ball before the text |
25
24
  |isLocked | bool | no | true, false | false | If the paywall indicator should be shown. It is only shown if the teaser has an image. |
package/components/teaser-split/teaser-split.njk CHANGED
@@ -51,7 +51,7 @@
51
51
  </h2>
52
52
 
53
53
  {% if params.text %}
54
- <p class="{{ componentClassName + '__text' }} {{ componentClassName + '__text--with-grade' if gradeHtml.length }}">
54
+ <p class="{{ componentClassName + '__text' }}">
55
55
  {{ TeaserDot({ flashing: params.isFlashingDot }) }}
56
56
  {% if params.sticker %}
57
57
  <span class="ds-teaser__sticker">
package/components/teaser-standard/README.md CHANGED
@@ -19,7 +19,6 @@
19
19
  |vignette | String | no | | | Top text in the teaser |
20
20
  |highlight | String | no | | | Text before the heading |
21
21
  |sticker | String | no | | | Red text before the text |
22
- |grade | String | no | | | zero, one, two, three, four, five, none |
23
22
  |mediaHtml | HTML String | no | | | Main image or other media |
24
23
  |isItalicHeadline | bool | no | true, false | false | If the headline should be italic |
25
24
  |isCompact | bool | no | true, false | false | If the headline should be compact |
package/components/teaser-standard/teaser-standard.njk CHANGED
@@ -60,7 +60,7 @@
60
60
  </h2>
61
61
 
62
62
  {% if params.text and params.areaType !== "right" %}
63
- <p class="{{ componentClassName + '__text' }} {{ componentClassName + '__text--with-grade' if gradeHtml.length }}">
63
+ <p class="{{ componentClassName + '__text' }}">
64
64
  {{ TeaserDot({ flashing: params.isFlashingDot }) }}
65
65
 
66
66
  {% if params.sticker %}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "21.1.8",
3
+ "version": "21.1.9",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.tsx",
6
6
  "type": "module",