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

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 +649 -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 +5 -0
  120. package/foundations/variables/typographyTokensScreenLarge.scss +156 -123
  121. package/foundations/variables/typographyTokensScreenSmall.scss +147 -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,655 @@
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.81](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.80...@bonniernews/dn-design-system-web@3.0.0-alpha.81) (2023-06-01)
7
+
8
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
9
+
10
+
11
+
12
+
13
+
14
+ ## [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)
15
+
16
+
17
+ ### Features
18
+
19
+ * **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))
20
+
21
+
22
+
23
+ ## [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)
24
+
25
+
26
+ ### Bug Fixes
27
+
28
+ * **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))
29
+
30
+
31
+
32
+ ## [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)
33
+
34
+
35
+ ### Bug Fixes
36
+
37
+ * **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))
38
+
39
+
40
+
41
+ ## [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)
42
+
43
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
44
+
45
+
46
+
47
+
48
+
49
+ ## [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)
50
+
51
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
52
+
53
+
54
+
55
+
56
+
57
+ ## [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)
58
+
59
+
60
+ ### Bug Fixes
61
+
62
+ * **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))
63
+
64
+
65
+
66
+ ## 3.0.0-alpha.74 (2023-05-30)
67
+
68
+
69
+ ### Bug Fixes
70
+
71
+ * **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))
72
+
73
+
74
+
75
+ ## [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)
76
+
77
+
78
+ ### Bug Fixes
79
+
80
+ * **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))
81
+
82
+
83
+
84
+ ## [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)
85
+
86
+
87
+ ### Bug Fixes
88
+
89
+ * **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))
90
+
91
+
92
+
93
+ ## [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)
94
+
95
+
96
+ ### Bug Fixes
97
+
98
+ * **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))
99
+
100
+
101
+
102
+ ## [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)
103
+
104
+
105
+ ### Bug Fixes
106
+
107
+ * **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))
108
+
109
+
110
+
111
+ ## [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)
112
+
113
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
114
+
115
+
116
+
117
+
118
+
119
+ ## [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)
120
+
121
+
122
+ ### Bug Fixes
123
+
124
+ * **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))
125
+
126
+
127
+
128
+ ## [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)
129
+
130
+
131
+ ### Bug Fixes
132
+
133
+ * **web:** mark slideshow mediaHtml as `safe` ([5ccbad6](https://github.com/BonnierNews/dn-design-system/commit/5ccbad6a600091ac25db9f288f9d25d54ab854c5))
134
+
135
+
136
+
137
+ ## [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)
138
+
139
+
140
+ ### Bug Fixes
141
+
142
+ * **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))
143
+
144
+
145
+
146
+ ## 3.0.0-alpha.65 (2023-05-24)
147
+
148
+
149
+ ### Features
150
+
151
+ * **web:** slideshow teaser ([#831](https://github.com/BonnierNews/dn-design-system/issues/831)) ([7ad7183](https://github.com/BonnierNews/dn-design-system/commit/7ad7183857d8cea9782e0997c25d3ae399f5f782))
152
+
153
+
154
+
155
+ ## 3.0.0-alpha.64 (2023-05-24)
156
+
157
+
158
+ ### Bug Fixes
159
+
160
+ * **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))
161
+
162
+
163
+
164
+ ## [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)
165
+
166
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
167
+
168
+
169
+
170
+
171
+
172
+ ## 3.0.0-alpha.62 (2023-05-23)
173
+
174
+
175
+ ### Bug Fixes
176
+
177
+ * **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))
178
+
179
+
180
+
181
+ ## [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)
182
+
183
+
184
+ ### Bug Fixes
185
+
186
+ * **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))
187
+
188
+
189
+
190
+ ## 3.0.0-alpha.60 (2023-05-22)
191
+
192
+
193
+ ### Features
194
+
195
+ * **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))
196
+
197
+
198
+
199
+ ## [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)
200
+
201
+
202
+ ### ⚠ BREAKING CHANGES
203
+
204
+ * **web:** icon sprite now needs to be included in page for DS icons to work
205
+
206
+ ### Features
207
+
208
+ * **web:** use icon sprite ([#820](https://github.com/BonnierNews/dn-design-system/issues/820)) ([7e98a0b](https://github.com/BonnierNews/dn-design-system/commit/7e98a0b6c86d49eb78ec44c7173fb69c2b4e8987))
209
+
210
+
211
+
212
+ ## 3.0.0-alpha.58 (2023-05-15)
213
+
214
+
215
+ ### Features
216
+
217
+ * **web:** right now teaser ([#827](https://github.com/BonnierNews/dn-design-system/issues/827)) ([05bb4c7](https://github.com/BonnierNews/dn-design-system/commit/05bb4c731bc42c3b0cf1d976cf1fd59956c33c19))
218
+
219
+
220
+
221
+ ## 3.0.0-alpha.57 (2023-05-10)
222
+
223
+
224
+ ### Bug Fixes
225
+
226
+ * **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))
227
+
228
+
229
+
230
+ ## 3.0.0-alpha.56 (2023-05-10)
231
+
232
+
233
+ ### Bug Fixes
234
+
235
+ * **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))
236
+
237
+
238
+
239
+ ## [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)
240
+
241
+
242
+ ### Bug Fixes
243
+
244
+ * **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))
245
+ * **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))
246
+
247
+
248
+
249
+ ## [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)
250
+
251
+
252
+ ### Bug Fixes
253
+
254
+ * **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))
255
+
256
+
257
+
258
+ ## 3.0.0-alpha.53 (2023-05-10)
259
+
260
+
261
+ ### Bug Fixes
262
+
263
+ * **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))
264
+
265
+
266
+
267
+ ## [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)
268
+
269
+
270
+ ### Features
271
+
272
+ * **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))
273
+
274
+
275
+
276
+ ## [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)
277
+
278
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
279
+
280
+
281
+
282
+
283
+
284
+ ## [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)
285
+
286
+
287
+ ### Bug Fixes
288
+
289
+ * **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))
290
+
291
+
292
+
293
+ ## [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)
294
+
295
+
296
+ ### Bug Fixes
297
+
298
+ * **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))
299
+
300
+
301
+
302
+ ## [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)
303
+
304
+
305
+ ### Features
306
+
307
+ * **web:** teaser package ([#791](https://github.com/BonnierNews/dn-design-system/issues/791)) ([e3477df](https://github.com/BonnierNews/dn-design-system/commit/e3477df7f48657e9084bc7a4bea97a7ec1afa81f))
308
+
309
+
310
+
311
+ ## 3.0.0-alpha.47 (2023-05-08)
312
+
313
+
314
+ ### Bug Fixes
315
+
316
+ * **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))
317
+
318
+
319
+
320
+ ## [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)
321
+
322
+
323
+ ### Bug Fixes
324
+
325
+ * **web:** avoid wordWrapping imageCredit ([#795](https://github.com/BonnierNews/dn-design-system/issues/795)) ([94d62ca](https://github.com/BonnierNews/dn-design-system/commit/94d62ca5bc1489d8c803f99662690baa48823f5d))
326
+
327
+
328
+
329
+ ## [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)
330
+
331
+
332
+ ### Bug Fixes
333
+
334
+ * **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))
335
+
336
+
337
+
338
+ ## [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)
339
+
340
+
341
+ ### Bug Fixes
342
+
343
+ * **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))
344
+
345
+
346
+
347
+ ## [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)
348
+
349
+
350
+ ### Features
351
+
352
+ * **web:** teaser split ([#786](https://github.com/BonnierNews/dn-design-system/issues/786)) ([b142d17](https://github.com/BonnierNews/dn-design-system/commit/b142d1748977a4520ea12768bde7c6a16daf5056))
353
+
354
+
355
+
356
+ ## [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)
357
+
358
+
359
+ ### Features
360
+
361
+ * **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))
362
+
363
+
364
+
365
+ ## [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)
366
+
367
+
368
+ ### Features
369
+
370
+ * **web:** tipsa teaser ([#780](https://github.com/BonnierNews/dn-design-system/issues/780)) ([cb2a263](https://github.com/BonnierNews/dn-design-system/commit/cb2a2636cdbc823f8584133b27a6730e9eddb973))
371
+
372
+
373
+ ### Bug Fixes
374
+
375
+ * **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))
376
+
377
+
378
+
379
+ ## 3.0.0-alpha.40 (2023-05-03)
380
+
381
+
382
+ ### Bug Fixes
383
+
384
+ * **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))
385
+
386
+
387
+
388
+ ## [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)
389
+
390
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
391
+
392
+
393
+
394
+
395
+
396
+ ## [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)
397
+
398
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
399
+
400
+
401
+
402
+
403
+
404
+ ## [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)
405
+
406
+
407
+ ### Bug Fixes
408
+
409
+ * **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))
410
+
411
+
412
+
413
+ ## [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)
414
+
415
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
416
+
417
+
418
+
419
+
420
+
421
+ ## 3.0.0-alpha.35 (2023-04-27)
422
+
423
+
424
+ ### Features
425
+
426
+ * **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))
427
+
428
+
429
+
430
+ ## [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)
431
+
432
+
433
+ ### Bug Fixes
434
+
435
+ * **web:** button accessbility ([#767](https://github.com/BonnierNews/dn-design-system/issues/767)) ([1b19f98](https://github.com/BonnierNews/dn-design-system/commit/1b19f983f208ab3467640b8f921e8f711f569ab5))
436
+ * **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))
437
+
438
+
439
+
440
+ ## 3.0.0-alpha.33 (2023-04-24)
441
+
442
+
443
+ ### Features
444
+
445
+ * **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))
446
+
447
+
448
+
449
+ ## [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)
450
+
451
+
452
+ ### Bug Fixes
453
+
454
+ * **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))
455
+
456
+
457
+
458
+ ## 3.0.0-alpha.31 (2023-04-20)
459
+
460
+
461
+ ### ⚠ BREAKING CHANGES
462
+
463
+ * **web:** Quote and Factbox has property from ´variant´ to ´theme´
464
+
465
+ ### Bug Fixes
466
+
467
+ * **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))
468
+
469
+
470
+
471
+ ## 3.0.0-alpha.30 (2023-04-19)
472
+
473
+
474
+ ### Features
475
+
476
+ * **web:** vip badge component ([#759](https://github.com/BonnierNews/dn-design-system/issues/759)) ([7d0791e](https://github.com/BonnierNews/dn-design-system/commit/7d0791ee9d101265ec5f5427b550da783afff93e))
477
+
478
+
479
+
480
+ ## 3.0.0-alpha.29 (2023-04-19)
481
+
482
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
483
+
484
+
485
+
486
+
487
+
488
+ ## 3.0.0-alpha.28 (2023-04-13)
489
+
490
+
491
+ ### Bug Fixes
492
+
493
+ * **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))
494
+
495
+
496
+
497
+ ## 3.0.0-alpha.27 (2023-04-13)
498
+
499
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
500
+
501
+
502
+
503
+
504
+
505
+ ## [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)
506
+
507
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
508
+
509
+
510
+
511
+
512
+
513
+ ## 3.0.0-alpha.25 (2023-04-05)
514
+
515
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
516
+
517
+
518
+
519
+
520
+
521
+ ## 3.0.0-alpha.24 (2023-04-03)
522
+
523
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
524
+
525
+
526
+
527
+
528
+
529
+ ## 3.0.0-alpha.23 (2023-03-31)
530
+
531
+
532
+ ### Bug Fixes
533
+
534
+ * **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))
535
+
536
+
537
+
538
+ ## 3.0.0-alpha.22 (2023-03-30)
539
+
540
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
541
+
542
+
543
+
544
+
545
+
546
+ ## [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)
547
+
548
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
549
+
550
+
551
+
552
+
553
+
554
+ ## [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)
555
+
556
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
557
+
558
+
559
+
560
+
561
+
562
+ ## [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)
563
+
564
+
565
+ ### Bug Fixes
566
+
567
+ * **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))
568
+
569
+
570
+
571
+ ## [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)
572
+
573
+
574
+ ### Bug Fixes
575
+
576
+ * **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))
577
+
578
+
579
+
580
+ ## [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)
581
+
582
+
583
+ ### Bug Fixes
584
+
585
+ * **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))
586
+
587
+
588
+
589
+ ## [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)
590
+
591
+
592
+ ### Bug Fixes
593
+
594
+ * **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))
595
+
596
+
597
+
598
+ ## 3.0.0-alpha.15 (2023-03-24)
599
+
600
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
601
+
602
+
603
+
604
+
605
+
606
+ ## [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)
607
+
608
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
609
+
610
+
611
+
612
+
613
+
614
+ ## [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)
615
+
616
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
617
+
618
+
619
+
620
+
621
+
622
+ ## [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)
623
+
624
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
625
+
626
+
627
+
628
+
629
+
630
+ ## [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)
631
+
632
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
633
+
634
+
635
+
636
+
637
+
638
+ ## [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)
639
+
640
+
641
+ ### Features
642
+
643
+ * **web:** image caption ([#723](https://github.com/BonnierNews/dn-design-system/issues/723)) ([5247279](https://github.com/BonnierNews/dn-design-system/commit/5247279d3205eef7bc19599e21dbac997994cc92))
644
+
645
+
646
+
647
+ ## [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)
648
+
649
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
650
+
651
+
652
+
653
+
654
+
6
655
  ## [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
656
 
8
657
 
@@ -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 %}