@bonniernews/dn-design-system-web 3.0.0-alpha.8 → 3.0.0-alpha.80

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 (125) hide show
  1. package/CHANGELOG.md +641 -0
  2. package/assets/article-image/article-image.njk +11 -10
  3. package/assets/article-image/article-image.scss +1 -15
  4. package/assets/form-field/form-field.njk +2 -2
  5. package/assets/form-field/form-field.scss +2 -6
  6. package/assets/teaser/dot-or-grade.njk +7 -0
  7. package/assets/teaser/teaser.scss +94 -0
  8. package/components/article-body-image/README.md +2 -2
  9. package/components/article-body-image/article-body-image.njk +1 -5
  10. package/components/article-top-image/README.md +2 -2
  11. package/components/article-top-image/article-top-image.njk +1 -5
  12. package/components/article-top-image/article-top-image.scss +1 -1
  13. package/components/badge/badge.scss +1 -5
  14. package/components/buddy-menu/buddy-menu.scss +1 -8
  15. package/components/button/button.njk +38 -43
  16. package/components/button/button.scss +6 -1
  17. package/components/button-toggle/button-toggle.js +2 -0
  18. package/components/button-toggle/button-toggle.njk +36 -36
  19. package/components/button-toggle/button-toggle.scss +6 -1
  20. package/components/byline/byline.njk +2 -2
  21. package/components/byline/byline.scss +1 -3
  22. package/components/checkbox/checkbox.njk +3 -3
  23. package/components/checkbox/checkbox.scss +8 -9
  24. package/components/disclaimer/disclaimer.njk +2 -2
  25. package/components/disclaimer/disclaimer.scss +23 -10
  26. package/components/factbox/README.md +2 -2
  27. package/components/factbox/factbox.njk +12 -24
  28. package/components/factbox/factbox.scss +16 -51
  29. package/components/footer/footer.scss +2 -8
  30. package/components/icon-button/README.md +2 -1
  31. package/components/icon-button/icon-button.njk +4 -4
  32. package/components/icon-button/icon-button.scss +5 -2
  33. package/components/icon-button-toggle/icon-button-toggle.js +2 -0
  34. package/components/icon-button-toggle/icon-button-toggle.njk +28 -36
  35. package/components/icon-button-toggle/icon-button-toggle.scss +5 -2
  36. package/components/icon-sprite/README.md +51 -0
  37. package/components/icon-sprite/icon-sprite.njk +12 -0
  38. package/components/icon-sprite/icon-sprite.scss +12 -0
  39. package/components/icon-with-wrapper/README.md +9 -2
  40. package/components/icon-with-wrapper/icon-with-wrapper.njk +2 -2
  41. package/components/icon-with-wrapper/icon-with-wrapper.scss +2 -1
  42. package/components/image-caption/README.md +38 -0
  43. package/components/image-caption/image-caption.njk +36 -0
  44. package/components/image-caption/image-caption.scss +25 -0
  45. package/components/list-item/list-item.njk +5 -5
  46. package/components/list-item/list-item.scss +1 -3
  47. package/components/pictogram/README.md +39 -0
  48. package/components/pictogram/pictogram.njk +30 -0
  49. package/components/pictogram/pictogram.scss +54 -0
  50. package/components/quote/README.md +1 -2
  51. package/components/quote/quote.njk +6 -8
  52. package/components/quote/quote.scss +1 -14
  53. package/components/radio-button/radio-button.njk +3 -3
  54. package/components/radio-button/radio-button.scss +8 -10
  55. package/components/spinner/spinner.njk +19 -23
  56. package/components/spinner/spinner.scss +4 -1
  57. package/components/teaser-dot/README.md +34 -0
  58. package/components/teaser-dot/teaser-dot.njk +24 -0
  59. package/components/teaser-dot/teaser-dot.scss +39 -0
  60. package/components/teaser-image/README.md +40 -0
  61. package/components/teaser-image/teaser-image.njk +21 -0
  62. package/components/teaser-image/teaser-image.scss +21 -0
  63. package/components/teaser-large/README.md +52 -0
  64. package/components/teaser-large/teaser-large.njk +93 -0
  65. package/components/teaser-large/teaser-large.scss +165 -0
  66. package/components/teaser-onsite/README.md +53 -0
  67. package/components/teaser-onsite/teaser-onsite.njk +45 -0
  68. package/components/teaser-onsite/teaser-onsite.scss +35 -0
  69. package/components/teaser-package/README.md +42 -0
  70. package/components/teaser-package/teaser-package.njk +36 -0
  71. package/components/teaser-package/teaser-package.scss +119 -0
  72. package/components/teaser-right-now/README.md +37 -0
  73. package/components/teaser-right-now/teaser-right-now.njk +29 -0
  74. package/components/teaser-right-now/teaser-right-now.scss +57 -0
  75. package/components/teaser-slideshow/README.md +42 -0
  76. package/components/teaser-slideshow/teaser-slideshow.njk +38 -0
  77. package/components/teaser-slideshow/teaser-slideshow.scss +37 -0
  78. package/components/teaser-split/README-container.md +40 -0
  79. package/components/teaser-split/README.md +49 -0
  80. package/components/teaser-split/teaser-split.njk +93 -0
  81. package/components/teaser-split/teaser-split.scss +85 -0
  82. package/components/teaser-standard/README.md +50 -0
  83. package/components/teaser-standard/teaser-standard.njk +81 -0
  84. package/components/teaser-standard/teaser-standard.scss +38 -0
  85. package/components/teaser-tipsa/README.md +41 -0
  86. package/components/teaser-tipsa/teaser-tipsa.njk +31 -0
  87. package/components/teaser-tipsa/teaser-tipsa.scss +22 -0
  88. package/components/text-button/text-button.njk +34 -37
  89. package/components/text-button/text-button.scss +12 -10
  90. package/components/text-button-toggle/text-button-toggle.js +2 -0
  91. package/components/text-button-toggle/text-button-toggle.njk +30 -33
  92. package/components/text-button-toggle/text-button-toggle.scss +10 -10
  93. package/components/text-input/text-input.scss +3 -8
  94. package/components/video-caption/README.md +1 -1
  95. package/components/video-caption/video-caption.njk +12 -6
  96. package/components/vip-badge/README.md +35 -0
  97. package/components/vip-badge/vip-badge.njk +23 -0
  98. package/components/vip-badge/vip-badge.scss +54 -0
  99. package/foundations/colors.scss +31 -0
  100. package/foundations/helpers/README-links.md +1 -1
  101. package/foundations/helpers/colors.scss +2 -0
  102. package/foundations/helpers/hover.scss +14 -0
  103. package/foundations/helpers/links.scss +15 -7
  104. package/foundations/icons/grade-icon.njk +50 -11
  105. package/foundations/icons/icon.njk +167 -143
  106. package/foundations/icons/sprite.njk +1 -0
  107. package/foundations/icons/sprite.svg +1 -0
  108. package/foundations/icons/svg/download.svg +3 -0
  109. package/foundations/icons/svg/filter_list.svg +3 -0
  110. package/foundations/icons/svg/pause.svg +3 -0
  111. package/foundations/icons/svg/vip.svg +3 -0
  112. package/foundations/typography/fontDefinitions.scss +82 -67
  113. package/foundations/variables/colorsCssVariables.scss +6 -0
  114. package/foundations/variables/colorsDnDarkTokens.scss +7 -1
  115. package/foundations/variables/colorsDnLightTokens.scss +8 -2
  116. package/foundations/variables/spacingLayout.scss +6 -1
  117. package/foundations/variables/spacingLayoutLargeScreen.scss +5 -0
  118. package/foundations/variables/spacingLayoutList.scss +5 -0
  119. package/foundations/variables/typographyTokensList.scss +1 -0
  120. package/foundations/variables/typographyTokensScreenLarge.scss +131 -123
  121. package/foundations/variables/typographyTokensScreenSmall.scss +122 -114
  122. package/package.json +2 -2
  123. package/tokens/colors-css-variables.json +6 -0
  124. package/tokens/spacing-layout-list.json +6 -1
  125. package/foundations/icons/icon-sprite.svg +0 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,647 @@
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.80](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.79...@bonniernews/dn-design-system-web@3.0.0-alpha.80) (2023-06-01)
7
+
8
+
9
+ ### Features
10
+
11
+ * **web:** add support for grades in teasers ([#858](https://github.com/BonnierNews/dn-design-system/issues/858)) ([7d6e21d](https://github.com/BonnierNews/dn-design-system/commit/7d6e21dc2e28ea8e4c707750a61aba5393834d00))
12
+
13
+
14
+
15
+ ## [3.0.0-alpha.79](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.78...@bonniernews/dn-design-system-web@3.0.0-alpha.79) (2023-06-01)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * **web:** put back the flag on right now ([#853](https://github.com/BonnierNews/dn-design-system/issues/853)) ([591d8c5](https://github.com/BonnierNews/dn-design-system/commit/591d8c50c9460a507356abad3e667085c3c1a1ff))
21
+
22
+
23
+
24
+ ## [3.0.0-alpha.78](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.77...@bonniernews/dn-design-system-web@3.0.0-alpha.78) (2023-06-01)
25
+
26
+
27
+ ### Bug Fixes
28
+
29
+ * **web:** use same margin on tipsa teaser text as other teasers ([#856](https://github.com/BonnierNews/dn-design-system/issues/856)) ([935b465](https://github.com/BonnierNews/dn-design-system/commit/935b465fd96d1811e94de43724bd43bc47ab568b))
30
+
31
+
32
+
33
+ ## [3.0.0-alpha.77](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.76...@bonniernews/dn-design-system-web@3.0.0-alpha.77) (2023-06-01)
34
+
35
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
36
+
37
+
38
+
39
+
40
+
41
+ ## [3.0.0-alpha.76](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.75...@bonniernews/dn-design-system-web@3.0.0-alpha.76) (2023-05-31)
42
+
43
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
44
+
45
+
46
+
47
+
48
+
49
+ ## [3.0.0-alpha.75](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.74...@bonniernews/dn-design-system-web@3.0.0-alpha.75) (2023-05-31)
50
+
51
+
52
+ ### Bug Fixes
53
+
54
+ * **web:** only limit slideshow-right width in tablet and desktop ([#849](https://github.com/BonnierNews/dn-design-system/issues/849)) ([09e5790](https://github.com/BonnierNews/dn-design-system/commit/09e5790db9003563db12d3a3d1c16684d5e8cdcd))
55
+
56
+
57
+
58
+ ## 3.0.0-alpha.74 (2023-05-30)
59
+
60
+
61
+ ### Bug Fixes
62
+
63
+ * **web:** set focus outline offset for teasers ([#845](https://github.com/BonnierNews/dn-design-system/issues/845)) ([9691be5](https://github.com/BonnierNews/dn-design-system/commit/9691be5118ee2a0335bfaaeb28db30521eb92f97))
64
+
65
+
66
+
67
+ ## [3.0.0-alpha.73](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.72...@bonniernews/dn-design-system-web@3.0.0-alpha.73) (2023-05-30)
68
+
69
+
70
+ ### Bug Fixes
71
+
72
+ * **web:** imageCredit nowrap unless superwide ([#828](https://github.com/BonnierNews/dn-design-system/issues/828)) ([e6b780e](https://github.com/BonnierNews/dn-design-system/commit/e6b780e86bcd62632b1c5c83d70e913050a9655c))
73
+
74
+
75
+
76
+ ## [3.0.0-alpha.72](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.71...@bonniernews/dn-design-system-web@3.0.0-alpha.72) (2023-05-30)
77
+
78
+
79
+ ### Bug Fixes
80
+
81
+ * **web:** remove border from teaser in bautaXL ([#847](https://github.com/BonnierNews/dn-design-system/issues/847)) ([e7668d9](https://github.com/BonnierNews/dn-design-system/commit/e7668d92221a33ffc380a900bdc4f1bf869f2097))
82
+
83
+
84
+
85
+ ## [3.0.0-alpha.71](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.70...@bonniernews/dn-design-system-web@3.0.0-alpha.71) (2023-05-30)
86
+
87
+
88
+ ### Bug Fixes
89
+
90
+ * **web:** update teaser spacing and typography ([#846](https://github.com/BonnierNews/dn-design-system/issues/846)) ([8dbf030](https://github.com/BonnierNews/dn-design-system/commit/8dbf0300603a417f5c10c10a665d75f4a242fc05))
91
+
92
+
93
+
94
+ ## [3.0.0-alpha.70](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.69...@bonniernews/dn-design-system-web@3.0.0-alpha.70) (2023-05-25)
95
+
96
+
97
+ ### Bug Fixes
98
+
99
+ * **web:** move teaser image bylines to edge ([#844](https://github.com/BonnierNews/dn-design-system/issues/844)) ([1c8ff12](https://github.com/BonnierNews/dn-design-system/commit/1c8ff1214c54a73b67fb6d88e0f89f145316a560))
100
+
101
+
102
+
103
+ ## [3.0.0-alpha.69](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.68...@bonniernews/dn-design-system-web@3.0.0-alpha.69) (2023-05-25)
104
+
105
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
106
+
107
+
108
+
109
+
110
+
111
+ ## [3.0.0-alpha.68](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.67...@bonniernews/dn-design-system-web@3.0.0-alpha.68) (2023-05-25)
112
+
113
+
114
+ ### Bug Fixes
115
+
116
+ * **web:** update underline offset and thickness ([#840](https://github.com/BonnierNews/dn-design-system/issues/840)) ([65c2808](https://github.com/BonnierNews/dn-design-system/commit/65c2808d080b5cce76474790d08f93fe83882155))
117
+
118
+
119
+
120
+ ## [3.0.0-alpha.67](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.66...@bonniernews/dn-design-system-web@3.0.0-alpha.67) (2023-05-24)
121
+
122
+
123
+ ### Bug Fixes
124
+
125
+ * **web:** mark slideshow mediaHtml as `safe` ([5ccbad6](https://github.com/BonnierNews/dn-design-system/commit/5ccbad6a600091ac25db9f288f9d25d54ab854c5))
126
+
127
+
128
+
129
+ ## [3.0.0-alpha.66](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.65...@bonniernews/dn-design-system-web@3.0.0-alpha.66) (2023-05-24)
130
+
131
+
132
+ ### Bug Fixes
133
+
134
+ * **web:** force border-box on spinner ([#842](https://github.com/BonnierNews/dn-design-system/issues/842)) ([992eabf](https://github.com/BonnierNews/dn-design-system/commit/992eabfe79f2d0a301dea9137577ceacad18e1ea))
135
+
136
+
137
+
138
+ ## 3.0.0-alpha.65 (2023-05-24)
139
+
140
+
141
+ ### Features
142
+
143
+ * **web:** slideshow teaser ([#831](https://github.com/BonnierNews/dn-design-system/issues/831)) ([7ad7183](https://github.com/BonnierNews/dn-design-system/commit/7ad7183857d8cea9782e0997c25d3ae399f5f782))
144
+
145
+
146
+
147
+ ## 3.0.0-alpha.64 (2023-05-24)
148
+
149
+
150
+ ### Bug Fixes
151
+
152
+ * **web:** change byline images to be 156px wide ([#838](https://github.com/BonnierNews/dn-design-system/issues/838)) ([339c361](https://github.com/BonnierNews/dn-design-system/commit/339c361d78c2151e37d39a9a449db3e65245c184))
153
+
154
+
155
+
156
+ ## [3.0.0-alpha.63](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.62...@bonniernews/dn-design-system-web@3.0.0-alpha.63) (2023-05-23)
157
+
158
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
159
+
160
+
161
+
162
+
163
+
164
+ ## 3.0.0-alpha.62 (2023-05-23)
165
+
166
+
167
+ ### Bug Fixes
168
+
169
+ * **web:** increase Tipsa-teaser headline size ([#832](https://github.com/BonnierNews/dn-design-system/issues/832)) ([0a2750e](https://github.com/BonnierNews/dn-design-system/commit/0a2750e75924a0466ca03375a6ce502f877024e2))
170
+
171
+
172
+
173
+ ## [3.0.0-alpha.61](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.60...@bonniernews/dn-design-system-web@3.0.0-alpha.61) (2023-05-22)
174
+
175
+
176
+ ### Bug Fixes
177
+
178
+ * **web:** support teaser package without vignette ([#835](https://github.com/BonnierNews/dn-design-system/issues/835)) ([f56098e](https://github.com/BonnierNews/dn-design-system/commit/f56098e4c98a06b6d9b0780ae5283047c2e8946d))
179
+
180
+
181
+
182
+ ## 3.0.0-alpha.60 (2023-05-22)
183
+
184
+
185
+ ### Features
186
+
187
+ * **web:** correct underline thickness for teasers ([#825](https://github.com/BonnierNews/dn-design-system/issues/825)) ([51a7d2d](https://github.com/BonnierNews/dn-design-system/commit/51a7d2d8f0345215340738cbfb985dd2abab664e))
188
+
189
+
190
+
191
+ ## [3.0.0-alpha.59](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.58...@bonniernews/dn-design-system-web@3.0.0-alpha.59) (2023-05-17)
192
+
193
+
194
+ ### ⚠ BREAKING CHANGES
195
+
196
+ * **web:** icon sprite now needs to be included in page for DS icons to work
197
+
198
+ ### Features
199
+
200
+ * **web:** use icon sprite ([#820](https://github.com/BonnierNews/dn-design-system/issues/820)) ([7e98a0b](https://github.com/BonnierNews/dn-design-system/commit/7e98a0b6c86d49eb78ec44c7173fb69c2b4e8987))
201
+
202
+
203
+
204
+ ## 3.0.0-alpha.58 (2023-05-15)
205
+
206
+
207
+ ### Features
208
+
209
+ * **web:** right now teaser ([#827](https://github.com/BonnierNews/dn-design-system/issues/827)) ([05bb4c7](https://github.com/BonnierNews/dn-design-system/commit/05bb4c731bc42c3b0cf1d976cf1fd59956c33c19))
210
+
211
+
212
+
213
+ ## 3.0.0-alpha.57 (2023-05-10)
214
+
215
+
216
+ ### Bug Fixes
217
+
218
+ * **web:** remove targetId as teaser property ([#812](https://github.com/BonnierNews/dn-design-system/issues/812)) ([1633ac9](https://github.com/BonnierNews/dn-design-system/commit/1633ac9ce9f99ef145ccd6bbee05abe0aefc5814))
219
+
220
+
221
+
222
+ ## 3.0.0-alpha.56 (2023-05-10)
223
+
224
+
225
+ ### Bug Fixes
226
+
227
+ * **web:** revert nowrap on image credits ([#814](https://github.com/BonnierNews/dn-design-system/issues/814)) ([5b9170d](https://github.com/BonnierNews/dn-design-system/commit/5b9170dbaee2533c01baf710fbcb7aeabb4533f6))
228
+
229
+
230
+
231
+ ## [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)
232
+
233
+
234
+ ### Bug Fixes
235
+
236
+ * **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))
237
+ * **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))
238
+
239
+
240
+
241
+ ## [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)
242
+
243
+
244
+ ### Bug Fixes
245
+
246
+ * **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))
247
+
248
+
249
+
250
+ ## 3.0.0-alpha.53 (2023-05-10)
251
+
252
+
253
+ ### Bug Fixes
254
+
255
+ * **web:** use hover helper on all interactive components ([#805](https://github.com/BonnierNews/dn-design-system/issues/805)) ([c7c77f7](https://github.com/BonnierNews/dn-design-system/commit/c7c77f74544dccb10939981b98770fae9ff28304))
256
+
257
+
258
+
259
+ ## [3.0.0-alpha.52](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.51...@bonniernews/dn-design-system-web@3.0.0-alpha.52) (2023-05-10)
260
+
261
+
262
+ ### Features
263
+
264
+ * **web:** implement the flashing dot as a component, and use the component in teasers ([#799](https://github.com/BonnierNews/dn-design-system/issues/799)) ([634186b](https://github.com/BonnierNews/dn-design-system/commit/634186b726d43521c8e85d697af6a665256f8a63))
265
+
266
+
267
+
268
+ ## [3.0.0-alpha.51](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.50...@bonniernews/dn-design-system-web@3.0.0-alpha.51) (2023-05-09)
269
+
270
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
271
+
272
+
273
+
274
+
275
+
276
+ ## [3.0.0-alpha.50](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.49...@bonniernews/dn-design-system-web@3.0.0-alpha.50) (2023-05-09)
277
+
278
+
279
+ ### Bug Fixes
280
+
281
+ * **web:** button click event fix and patch ([#803](https://github.com/BonnierNews/dn-design-system/issues/803)) ([f24c77e](https://github.com/BonnierNews/dn-design-system/commit/f24c77e84da1eef4a34cd6d71adf2d7ea8e84e39))
282
+
283
+
284
+
285
+ ## [3.0.0-alpha.49](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.48...@bonniernews/dn-design-system-web@3.0.0-alpha.49) (2023-05-09)
286
+
287
+
288
+ ### Bug Fixes
289
+
290
+ * **web:** always show vip badge on quote teasers ([#800](https://github.com/BonnierNews/dn-design-system/issues/800)) ([5e8d4e8](https://github.com/BonnierNews/dn-design-system/commit/5e8d4e8b5ffa3f5167beed0b0017c8f52141d875))
291
+
292
+
293
+
294
+ ## [3.0.0-alpha.48](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.47...@bonniernews/dn-design-system-web@3.0.0-alpha.48) (2023-05-08)
295
+
296
+
297
+ ### Features
298
+
299
+ * **web:** teaser package ([#791](https://github.com/BonnierNews/dn-design-system/issues/791)) ([e3477df](https://github.com/BonnierNews/dn-design-system/commit/e3477df7f48657e9084bc7a4bea97a7ec1afa81f))
300
+
301
+
302
+
303
+ ## 3.0.0-alpha.47 (2023-05-08)
304
+
305
+
306
+ ### Bug Fixes
307
+
308
+ * **web:** set standardteaser image width to 196px ([#798](https://github.com/BonnierNews/dn-design-system/issues/798)) ([5911856](https://github.com/BonnierNews/dn-design-system/commit/59118561f6166b2be2b68de068b7909117de2fda))
309
+
310
+
311
+
312
+ ## [3.0.0-alpha.46](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.45...@bonniernews/dn-design-system-web@3.0.0-alpha.46) (2023-05-05)
313
+
314
+
315
+ ### Bug Fixes
316
+
317
+ * **web:** avoid wordWrapping imageCredit ([#795](https://github.com/BonnierNews/dn-design-system/issues/795)) ([94d62ca](https://github.com/BonnierNews/dn-design-system/commit/94d62ca5bc1489d8c803f99662690baa48823f5d))
318
+
319
+
320
+
321
+ ## [3.0.0-alpha.45](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.44...@bonniernews/dn-design-system-web@3.0.0-alpha.45) (2023-05-05)
322
+
323
+
324
+ ### Bug Fixes
325
+
326
+ * **web:** only show vip-badge for premium users ([#790](https://github.com/BonnierNews/dn-design-system/issues/790)) ([e049e43](https://github.com/BonnierNews/dn-design-system/commit/e049e43e0288b236b00328bfb2ff476d70dacb0c))
327
+
328
+
329
+
330
+ ## [3.0.0-alpha.44](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.43...@bonniernews/dn-design-system-web@3.0.0-alpha.44) (2023-05-04)
331
+
332
+
333
+ ### Bug Fixes
334
+
335
+ * **web:** minor fixes for onSite and tipsa ([#792](https://github.com/BonnierNews/dn-design-system/issues/792)) ([a08cd5b](https://github.com/BonnierNews/dn-design-system/commit/a08cd5b839ee5bb07b6293278b41baf9cfa23f38))
336
+
337
+
338
+
339
+ ## [3.0.0-alpha.43](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.42...@bonniernews/dn-design-system-web@3.0.0-alpha.43) (2023-05-03)
340
+
341
+
342
+ ### Features
343
+
344
+ * **web:** teaser split ([#786](https://github.com/BonnierNews/dn-design-system/issues/786)) ([b142d17](https://github.com/BonnierNews/dn-design-system/commit/b142d1748977a4520ea12768bde7c6a16daf5056))
345
+
346
+
347
+
348
+ ## [3.0.0-alpha.42](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.41...@bonniernews/dn-design-system-web@3.0.0-alpha.42) (2023-05-03)
349
+
350
+
351
+ ### Features
352
+
353
+ * **web:** onsite teaser - dn på plats ([#783](https://github.com/BonnierNews/dn-design-system/issues/783)) ([42603af](https://github.com/BonnierNews/dn-design-system/commit/42603af21bd6511f858f2b7acc889067584cbf93))
354
+
355
+
356
+
357
+ ## [3.0.0-alpha.41](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.40...@bonniernews/dn-design-system-web@3.0.0-alpha.41) (2023-05-03)
358
+
359
+
360
+ ### Features
361
+
362
+ * **web:** tipsa teaser ([#780](https://github.com/BonnierNews/dn-design-system/issues/780)) ([cb2a263](https://github.com/BonnierNews/dn-design-system/commit/cb2a2636cdbc823f8584133b27a6730e9eddb973))
363
+
364
+
365
+ ### Bug Fixes
366
+
367
+ * **web:** teaserLarge should check params.targetId ([#789](https://github.com/BonnierNews/dn-design-system/issues/789)) ([4ea1838](https://github.com/BonnierNews/dn-design-system/commit/4ea18388286217e9171f1a851c3dad65c1eace0f))
368
+
369
+
370
+
371
+ ## 3.0.0-alpha.40 (2023-05-03)
372
+
373
+
374
+ ### Bug Fixes
375
+
376
+ * **web:** changes needed in large & standard teasers after implementing them in bang ([#782](https://github.com/BonnierNews/dn-design-system/issues/782)) ([d028b52](https://github.com/BonnierNews/dn-design-system/commit/d028b5240b4c263f88e9c903db2469ddd505bac5))
377
+
378
+
379
+
380
+ ## [3.0.0-alpha.39](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.38...@bonniernews/dn-design-system-web@3.0.0-alpha.39) (2023-05-02)
381
+
382
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
383
+
384
+
385
+
386
+
387
+
388
+ ## [3.0.0-alpha.38](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.37...@bonniernews/dn-design-system-web@3.0.0-alpha.38) (2023-04-28)
389
+
390
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
391
+
392
+
393
+
394
+
395
+
396
+ ## [3.0.0-alpha.37](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.36...@bonniernews/dn-design-system-web@3.0.0-alpha.37) (2023-04-28)
397
+
398
+
399
+ ### Bug Fixes
400
+
401
+ * **web:** add bauta properties to shared argTypes ([#779](https://github.com/BonnierNews/dn-design-system/issues/779)) ([38790e7](https://github.com/BonnierNews/dn-design-system/commit/38790e7c8c381ac00789c7817e1c3aac6c0dd9d2))
402
+
403
+
404
+
405
+ ## [3.0.0-alpha.36](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.35...@bonniernews/dn-design-system-web@3.0.0-alpha.36) (2023-04-28)
406
+
407
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
408
+
409
+
410
+
411
+
412
+
413
+ ## 3.0.0-alpha.35 (2023-04-27)
414
+
415
+
416
+ ### Features
417
+
418
+ * **web:** large and standard teasers ([#763](https://github.com/BonnierNews/dn-design-system/issues/763)) ([0713caa](https://github.com/BonnierNews/dn-design-system/commit/0713caa3c451419e21b185496d8d77726c972bfd))
419
+
420
+
421
+
422
+ ## [3.0.0-alpha.34](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.33...@bonniernews/dn-design-system-web@3.0.0-alpha.34) (2023-04-26)
423
+
424
+
425
+ ### Bug Fixes
426
+
427
+ * **web:** button accessbility ([#767](https://github.com/BonnierNews/dn-design-system/issues/767)) ([1b19f98](https://github.com/BonnierNews/dn-design-system/commit/1b19f983f208ab3467640b8f921e8f711f569ab5))
428
+ * **web:** vip-badge square top-right corner ([#771](https://github.com/BonnierNews/dn-design-system/issues/771)) ([19e2753](https://github.com/BonnierNews/dn-design-system/commit/19e275397f5d9ac7a16703141c0c5372ee1f0e02))
429
+
430
+
431
+
432
+ ## 3.0.0-alpha.33 (2023-04-24)
433
+
434
+
435
+ ### Features
436
+
437
+ * **web:** pictogram component for web ([#770](https://github.com/BonnierNews/dn-design-system/issues/770)) ([2ad5076](https://github.com/BonnierNews/dn-design-system/commit/2ad50768177689598d9b34605161763630fea1f9))
438
+
439
+
440
+
441
+ ## [3.0.0-alpha.32](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.31...@bonniernews/dn-design-system-web@3.0.0-alpha.32) (2023-04-21)
442
+
443
+
444
+ ### Bug Fixes
445
+
446
+ * **web:** set vip text in component and change property to boolean ([#768](https://github.com/BonnierNews/dn-design-system/issues/768)) ([5004120](https://github.com/BonnierNews/dn-design-system/commit/500412093b8caf4ea5e46d6a529a390da33b2b6d))
447
+
448
+
449
+
450
+ ## 3.0.0-alpha.31 (2023-04-20)
451
+
452
+
453
+ ### ⚠ BREAKING CHANGES
454
+
455
+ * **web:** Quote and Factbox has property from ´variant´ to ´theme´
456
+
457
+ ### Bug Fixes
458
+
459
+ * **web:** add web themes and update quote and factbox ([#761](https://github.com/BonnierNews/dn-design-system/issues/761)) ([0ee3299](https://github.com/BonnierNews/dn-design-system/commit/0ee329900641325278e04242074f819f66bda025))
460
+
461
+
462
+
463
+ ## 3.0.0-alpha.30 (2023-04-19)
464
+
465
+
466
+ ### Features
467
+
468
+ * **web:** vip badge component ([#759](https://github.com/BonnierNews/dn-design-system/issues/759)) ([7d0791e](https://github.com/BonnierNews/dn-design-system/commit/7d0791ee9d101265ec5f5427b550da783afff93e))
469
+
470
+
471
+
472
+ ## 3.0.0-alpha.29 (2023-04-19)
473
+
474
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
475
+
476
+
477
+
478
+
479
+
480
+ ## 3.0.0-alpha.28 (2023-04-13)
481
+
482
+
483
+ ### Bug Fixes
484
+
485
+ * **web:** remove easing from hover effekt ([#753](https://github.com/BonnierNews/dn-design-system/issues/753)) ([86cce98](https://github.com/BonnierNews/dn-design-system/commit/86cce9804593683642ae2d44cd76803f06f340d6))
486
+
487
+
488
+
489
+ ## 3.0.0-alpha.27 (2023-04-13)
490
+
491
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
492
+
493
+
494
+
495
+
496
+
497
+ ## [3.0.0-alpha.26](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.25...@bonniernews/dn-design-system-web@3.0.0-alpha.26) (2023-04-06)
498
+
499
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
500
+
501
+
502
+
503
+
504
+
505
+ ## 3.0.0-alpha.25 (2023-04-05)
506
+
507
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
508
+
509
+
510
+
511
+
512
+
513
+ ## 3.0.0-alpha.24 (2023-04-03)
514
+
515
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
516
+
517
+
518
+
519
+
520
+
521
+ ## 3.0.0-alpha.23 (2023-03-31)
522
+
523
+
524
+ ### Bug Fixes
525
+
526
+ * **web:** only fullwidth factbox button in small screen ([#742](https://github.com/BonnierNews/dn-design-system/issues/742)) ([97b7a4d](https://github.com/BonnierNews/dn-design-system/commit/97b7a4dec6731ec38ae67345296338c08da65a00))
527
+
528
+
529
+
530
+ ## 3.0.0-alpha.22 (2023-03-30)
531
+
532
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
533
+
534
+
535
+
536
+
537
+
538
+ ## [3.0.0-alpha.21](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.20...@bonniernews/dn-design-system-web@3.0.0-alpha.21) (2023-03-28)
539
+
540
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
541
+
542
+
543
+
544
+
545
+
546
+ ## [3.0.0-alpha.20](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.19...@bonniernews/dn-design-system-web@3.0.0-alpha.20) (2023-03-24)
547
+
548
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
549
+
550
+
551
+
552
+
553
+
554
+ ## [3.0.0-alpha.19](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.18...@bonniernews/dn-design-system-web@3.0.0-alpha.19) (2023-03-24)
555
+
556
+
557
+ ### Bug Fixes
558
+
559
+ * **web:** use spacing layout in disclaimer ([#730](https://github.com/BonnierNews/dn-design-system/issues/730)) ([a29d313](https://github.com/BonnierNews/dn-design-system/commit/a29d3137ac57cafa317c75f1f8c74504f45f270d))
560
+
561
+
562
+
563
+ ## [3.0.0-alpha.18](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.17...@bonniernews/dn-design-system-web@3.0.0-alpha.18) (2023-03-24)
564
+
565
+
566
+ ### Bug Fixes
567
+
568
+ * **web:** dynamic spacing image top ([#736](https://github.com/BonnierNews/dn-design-system/issues/736)) ([dfb418f](https://github.com/BonnierNews/dn-design-system/commit/dfb418f471429d685a2fed738cbcd8006ef87f32))
569
+
570
+
571
+
572
+ ## [3.0.0-alpha.17](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.16...@bonniernews/dn-design-system-web@3.0.0-alpha.17) (2023-03-24)
573
+
574
+
575
+ ### Bug Fixes
576
+
577
+ * **web:** clean up helper includes ([#731](https://github.com/BonnierNews/dn-design-system/issues/731)) ([9680d73](https://github.com/BonnierNews/dn-design-system/commit/9680d73f7c4ce0609b1d964666ae9845f0464955))
578
+
579
+
580
+
581
+ ## [3.0.0-alpha.16](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.15...@bonniernews/dn-design-system-web@3.0.0-alpha.16) (2023-03-24)
582
+
583
+
584
+ ### Bug Fixes
585
+
586
+ * **web:** image-caption credit is now inline ([#734](https://github.com/BonnierNews/dn-design-system/issues/734)) ([beeeaf8](https://github.com/BonnierNews/dn-design-system/commit/beeeaf8236163438bc42963a55a7ca44856627c1))
587
+
588
+
589
+
590
+ ## 3.0.0-alpha.15 (2023-03-24)
591
+
592
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
593
+
594
+
595
+
596
+
597
+
598
+ ## [3.0.0-alpha.14](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.13...@bonniernews/dn-design-system-web@3.0.0-alpha.14) (2023-03-22)
599
+
600
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
601
+
602
+
603
+
604
+
605
+
606
+ ## [3.0.0-alpha.13](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.12...@bonniernews/dn-design-system-web@3.0.0-alpha.13) (2023-03-21)
607
+
608
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
609
+
610
+
611
+
612
+
613
+
614
+ ## [3.0.0-alpha.12](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.11...@bonniernews/dn-design-system-web@3.0.0-alpha.12) (2023-03-20)
615
+
616
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
617
+
618
+
619
+
620
+
621
+
622
+ ## [3.0.0-alpha.11](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.10...@bonniernews/dn-design-system-web@3.0.0-alpha.11) (2023-03-15)
623
+
624
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
625
+
626
+
627
+
628
+
629
+
630
+ ## [3.0.0-alpha.10](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.9...@bonniernews/dn-design-system-web@3.0.0-alpha.10) (2023-03-15)
631
+
632
+
633
+ ### Features
634
+
635
+ * **web:** image caption ([#723](https://github.com/BonnierNews/dn-design-system/issues/723)) ([5247279](https://github.com/BonnierNews/dn-design-system/commit/5247279d3205eef7bc19599e21dbac997994cc92))
636
+
637
+
638
+
639
+ ## [3.0.0-alpha.9](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.8...@bonniernews/dn-design-system-web@3.0.0-alpha.9) (2023-03-15)
640
+
641
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
642
+
643
+
644
+
645
+
646
+
6
647
  ## [3.0.0-alpha.8](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.7...@bonniernews/dn-design-system-web@3.0.0-alpha.8) (2023-03-10)
7
648
 
8
649
 
@@ -1,3 +1,5 @@
1
+ {% from '@bonniernews/dn-design-system-web/components/image-caption/image-caption.njk' import ImageCaption %}
2
+
1
3
  {% macro ArticleImage(params) %}
2
4
  {% set macroClassName = "ds-article-image" %}
3
5
  {% set additionalClasses = [] %}
@@ -18,16 +20,15 @@
18
20
  {% endif %}
19
21
 
20
22
  {% if params.caption or params.author %}
21
- <figcaption>
22
- {% if params.caption %}
23
- <span aria-hidden="true">{{ params.caption | safe }}</span>
24
- {% endif %}
25
- {% if params.author %}
26
- <span class="ds-article-image__credits">
27
- {%- if params.imageType %}{{ params.imageType | capitalize }}: {% endif %}{{ params.author -}}
28
- </span>
29
- {% endif %}
30
- </figcaption>
23
+ {% set caption = params.caption if params.caption else "" %}
24
+ {% set author = params.author if params.author else "" %}
25
+ {% set imageType = params.imageType if params.imageType else "" %}
26
+ {{ ImageCaption({
27
+ caption: caption,
28
+ author: author,
29
+ imageType: imageType,
30
+ forcePx: params.forcePx
31
+ })}}
31
32
  {% endif %}
32
33
  </figure>
33
34
  {% endmacro %}