@bonniernews/dn-design-system-web 3.0.0-alpha.7 → 3.0.0-alpha.70

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 (121) hide show
  1. package/CHANGELOG.md +562 -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/teaser.scss +71 -0
  7. package/components/article-body-image/README.md +2 -2
  8. package/components/article-body-image/article-body-image.njk +1 -5
  9. package/components/article-top-image/README.md +2 -2
  10. package/components/article-top-image/article-top-image.njk +1 -5
  11. package/components/article-top-image/article-top-image.scss +1 -1
  12. package/components/badge/badge.scss +1 -5
  13. package/components/buddy-menu/buddy-menu.scss +1 -8
  14. package/components/button/button.njk +38 -43
  15. package/components/button/button.scss +6 -1
  16. package/components/button-toggle/button-toggle.js +2 -0
  17. package/components/button-toggle/button-toggle.njk +36 -36
  18. package/components/button-toggle/button-toggle.scss +6 -1
  19. package/components/byline/byline.njk +2 -2
  20. package/components/byline/byline.scss +1 -3
  21. package/components/checkbox/checkbox.njk +3 -3
  22. package/components/checkbox/checkbox.scss +8 -9
  23. package/components/disclaimer/disclaimer.njk +2 -2
  24. package/components/disclaimer/disclaimer.scss +25 -11
  25. package/components/factbox/README.md +2 -2
  26. package/components/factbox/factbox.njk +9 -11
  27. package/components/factbox/factbox.scss +6 -37
  28. package/components/footer/footer.scss +2 -8
  29. package/components/icon-button/README.md +2 -1
  30. package/components/icon-button/icon-button.njk +4 -4
  31. package/components/icon-button/icon-button.scss +5 -2
  32. package/components/icon-button-toggle/icon-button-toggle.js +2 -0
  33. package/components/icon-button-toggle/icon-button-toggle.njk +28 -36
  34. package/components/icon-button-toggle/icon-button-toggle.scss +5 -2
  35. package/components/icon-sprite/README.md +51 -0
  36. package/components/icon-sprite/icon-sprite.njk +12 -0
  37. package/components/icon-sprite/icon-sprite.scss +12 -0
  38. package/components/icon-with-wrapper/README.md +9 -2
  39. package/components/icon-with-wrapper/icon-with-wrapper.njk +2 -2
  40. package/components/icon-with-wrapper/icon-with-wrapper.scss +2 -1
  41. package/components/image-caption/README.md +38 -0
  42. package/components/image-caption/image-caption.njk +25 -0
  43. package/components/image-caption/image-caption.scss +15 -0
  44. package/components/list-item/list-item.njk +5 -5
  45. package/components/list-item/list-item.scss +1 -3
  46. package/components/pictogram/README.md +39 -0
  47. package/components/pictogram/pictogram.njk +30 -0
  48. package/components/pictogram/pictogram.scss +54 -0
  49. package/components/quote/README.md +1 -2
  50. package/components/quote/quote.njk +6 -8
  51. package/components/quote/quote.scss +1 -14
  52. package/components/radio-button/radio-button.njk +3 -3
  53. package/components/radio-button/radio-button.scss +8 -10
  54. package/components/spinner/spinner.njk +19 -23
  55. package/components/spinner/spinner.scss +4 -1
  56. package/components/teaser-dot/README.md +34 -0
  57. package/components/teaser-dot/teaser-dot.njk +24 -0
  58. package/components/teaser-dot/teaser-dot.scss +39 -0
  59. package/components/teaser-image/README.md +40 -0
  60. package/components/teaser-image/teaser-image.njk +21 -0
  61. package/components/teaser-image/teaser-image.scss +21 -0
  62. package/components/teaser-large/README.md +51 -0
  63. package/components/teaser-large/teaser-large.njk +93 -0
  64. package/components/teaser-large/teaser-large.scss +149 -0
  65. package/components/teaser-onsite/README.md +53 -0
  66. package/components/teaser-onsite/teaser-onsite.njk +45 -0
  67. package/components/teaser-onsite/teaser-onsite.scss +35 -0
  68. package/components/teaser-package/README.md +42 -0
  69. package/components/teaser-package/teaser-package.njk +36 -0
  70. package/components/teaser-package/teaser-package.scss +112 -0
  71. package/components/teaser-right-now/README.md +37 -0
  72. package/components/teaser-right-now/teaser-right-now.njk +28 -0
  73. package/components/teaser-right-now/teaser-right-now.scss +16 -0
  74. package/components/teaser-slideshow/README.md +42 -0
  75. package/components/teaser-slideshow/teaser-slideshow.njk +38 -0
  76. package/components/teaser-slideshow/teaser-slideshow.scss +35 -0
  77. package/components/teaser-split/README-container.md +40 -0
  78. package/components/teaser-split/README.md +48 -0
  79. package/components/teaser-split/teaser-split.njk +93 -0
  80. package/components/teaser-split/teaser-split.scss +77 -0
  81. package/components/teaser-standard/README.md +49 -0
  82. package/components/teaser-standard/teaser-standard.njk +81 -0
  83. package/components/teaser-standard/teaser-standard.scss +38 -0
  84. package/components/teaser-tipsa/README.md +41 -0
  85. package/components/teaser-tipsa/teaser-tipsa.njk +31 -0
  86. package/components/teaser-tipsa/teaser-tipsa.scss +23 -0
  87. package/components/text-button/text-button.njk +34 -37
  88. package/components/text-button/text-button.scss +12 -10
  89. package/components/text-button-toggle/text-button-toggle.js +2 -0
  90. package/components/text-button-toggle/text-button-toggle.njk +30 -33
  91. package/components/text-button-toggle/text-button-toggle.scss +10 -10
  92. package/components/text-input/text-input.scss +3 -8
  93. package/components/video-caption/README.md +1 -1
  94. package/components/video-caption/video-caption.njk +12 -6
  95. package/components/vip-badge/README.md +35 -0
  96. package/components/vip-badge/vip-badge.njk +23 -0
  97. package/components/vip-badge/vip-badge.scss +54 -0
  98. package/foundations/colors.scss +31 -0
  99. package/foundations/helpers/README-links.md +1 -1
  100. package/foundations/helpers/colors.scss +2 -0
  101. package/foundations/helpers/links.scss +14 -6
  102. package/foundations/icons/icon.njk +167 -143
  103. package/foundations/icons/sprite.njk +1 -0
  104. package/foundations/icons/sprite.svg +1 -0
  105. package/foundations/icons/svg/download.svg +3 -0
  106. package/foundations/icons/svg/filter_list.svg +3 -0
  107. package/foundations/icons/svg/pause.svg +3 -0
  108. package/foundations/icons/svg/vip.svg +3 -0
  109. package/foundations/typography/fontDefinitions.scss +82 -67
  110. package/foundations/variables/colorsCssVariables.scss +5 -0
  111. package/foundations/variables/colorsDnDarkTokens.scss +6 -1
  112. package/foundations/variables/colorsDnLightTokens.scss +7 -2
  113. package/foundations/variables/spacingLayout.scss +6 -1
  114. package/foundations/variables/spacingLayoutLargeScreen.scss +5 -0
  115. package/foundations/variables/spacingLayoutList.scss +5 -0
  116. package/foundations/variables/typographyTokensScreenLarge.scss +87 -87
  117. package/foundations/variables/typographyTokensScreenSmall.scss +114 -114
  118. package/package.json +2 -2
  119. package/tokens/colors-css-variables.json +5 -0
  120. package/tokens/spacing-layout-list.json +6 -1
  121. package/foundations/icons/icon-sprite.svg +0 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,568 @@
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.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)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **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))
12
+
13
+
14
+
15
+ ## [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)
16
+
17
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
18
+
19
+
20
+
21
+
22
+
23
+ ## [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)
24
+
25
+
26
+ ### Bug Fixes
27
+
28
+ * **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))
29
+
30
+
31
+
32
+ ## [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)
33
+
34
+
35
+ ### Bug Fixes
36
+
37
+ * **web:** mark slideshow mediaHtml as `safe` ([5ccbad6](https://github.com/BonnierNews/dn-design-system/commit/5ccbad6a600091ac25db9f288f9d25d54ab854c5))
38
+
39
+
40
+
41
+ ## [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)
42
+
43
+
44
+ ### Bug Fixes
45
+
46
+ * **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))
47
+
48
+
49
+
50
+ ## 3.0.0-alpha.65 (2023-05-24)
51
+
52
+
53
+ ### Features
54
+
55
+ * **web:** slideshow teaser ([#831](https://github.com/BonnierNews/dn-design-system/issues/831)) ([7ad7183](https://github.com/BonnierNews/dn-design-system/commit/7ad7183857d8cea9782e0997c25d3ae399f5f782))
56
+
57
+
58
+
59
+ ## 3.0.0-alpha.64 (2023-05-24)
60
+
61
+
62
+ ### Bug Fixes
63
+
64
+ * **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))
65
+
66
+
67
+
68
+ ## [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)
69
+
70
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
71
+
72
+
73
+
74
+
75
+
76
+ ## 3.0.0-alpha.62 (2023-05-23)
77
+
78
+
79
+ ### Bug Fixes
80
+
81
+ * **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))
82
+
83
+
84
+
85
+ ## [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)
86
+
87
+
88
+ ### Bug Fixes
89
+
90
+ * **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))
91
+
92
+
93
+
94
+ ## 3.0.0-alpha.60 (2023-05-22)
95
+
96
+
97
+ ### Features
98
+
99
+ * **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))
100
+
101
+
102
+
103
+ ## [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)
104
+
105
+
106
+ ### ⚠ BREAKING CHANGES
107
+
108
+ * **web:** icon sprite now needs to be included in page for DS icons to work
109
+
110
+ ### Features
111
+
112
+ * **web:** use icon sprite ([#820](https://github.com/BonnierNews/dn-design-system/issues/820)) ([7e98a0b](https://github.com/BonnierNews/dn-design-system/commit/7e98a0b6c86d49eb78ec44c7173fb69c2b4e8987))
113
+
114
+
115
+
116
+ ## 3.0.0-alpha.58 (2023-05-15)
117
+
118
+
119
+ ### Features
120
+
121
+ * **web:** right now teaser ([#827](https://github.com/BonnierNews/dn-design-system/issues/827)) ([05bb4c7](https://github.com/BonnierNews/dn-design-system/commit/05bb4c731bc42c3b0cf1d976cf1fd59956c33c19))
122
+
123
+
124
+
125
+ ## 3.0.0-alpha.57 (2023-05-10)
126
+
127
+
128
+ ### Bug Fixes
129
+
130
+ * **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))
131
+
132
+
133
+
134
+ ## 3.0.0-alpha.56 (2023-05-10)
135
+
136
+
137
+ ### Bug Fixes
138
+
139
+ * **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))
140
+
141
+
142
+
143
+ ## [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)
144
+
145
+
146
+ ### Bug Fixes
147
+
148
+ * **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))
149
+ * **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))
150
+
151
+
152
+
153
+ ## [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)
154
+
155
+
156
+ ### Bug Fixes
157
+
158
+ * **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))
159
+
160
+
161
+
162
+ ## 3.0.0-alpha.53 (2023-05-10)
163
+
164
+
165
+ ### Bug Fixes
166
+
167
+ * **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))
168
+
169
+
170
+
171
+ ## [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)
172
+
173
+
174
+ ### Features
175
+
176
+ * **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))
177
+
178
+
179
+
180
+ ## [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)
181
+
182
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
183
+
184
+
185
+
186
+
187
+
188
+ ## [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)
189
+
190
+
191
+ ### Bug Fixes
192
+
193
+ * **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))
194
+
195
+
196
+
197
+ ## [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)
198
+
199
+
200
+ ### Bug Fixes
201
+
202
+ * **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))
203
+
204
+
205
+
206
+ ## [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)
207
+
208
+
209
+ ### Features
210
+
211
+ * **web:** teaser package ([#791](https://github.com/BonnierNews/dn-design-system/issues/791)) ([e3477df](https://github.com/BonnierNews/dn-design-system/commit/e3477df7f48657e9084bc7a4bea97a7ec1afa81f))
212
+
213
+
214
+
215
+ ## 3.0.0-alpha.47 (2023-05-08)
216
+
217
+
218
+ ### Bug Fixes
219
+
220
+ * **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))
221
+
222
+
223
+
224
+ ## [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)
225
+
226
+
227
+ ### Bug Fixes
228
+
229
+ * **web:** avoid wordWrapping imageCredit ([#795](https://github.com/BonnierNews/dn-design-system/issues/795)) ([94d62ca](https://github.com/BonnierNews/dn-design-system/commit/94d62ca5bc1489d8c803f99662690baa48823f5d))
230
+
231
+
232
+
233
+ ## [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)
234
+
235
+
236
+ ### Bug Fixes
237
+
238
+ * **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))
239
+
240
+
241
+
242
+ ## [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)
243
+
244
+
245
+ ### Bug Fixes
246
+
247
+ * **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))
248
+
249
+
250
+
251
+ ## [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)
252
+
253
+
254
+ ### Features
255
+
256
+ * **web:** teaser split ([#786](https://github.com/BonnierNews/dn-design-system/issues/786)) ([b142d17](https://github.com/BonnierNews/dn-design-system/commit/b142d1748977a4520ea12768bde7c6a16daf5056))
257
+
258
+
259
+
260
+ ## [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)
261
+
262
+
263
+ ### Features
264
+
265
+ * **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))
266
+
267
+
268
+
269
+ ## [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)
270
+
271
+
272
+ ### Features
273
+
274
+ * **web:** tipsa teaser ([#780](https://github.com/BonnierNews/dn-design-system/issues/780)) ([cb2a263](https://github.com/BonnierNews/dn-design-system/commit/cb2a2636cdbc823f8584133b27a6730e9eddb973))
275
+
276
+
277
+ ### Bug Fixes
278
+
279
+ * **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))
280
+
281
+
282
+
283
+ ## 3.0.0-alpha.40 (2023-05-03)
284
+
285
+
286
+ ### Bug Fixes
287
+
288
+ * **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))
289
+
290
+
291
+
292
+ ## [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)
293
+
294
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
295
+
296
+
297
+
298
+
299
+
300
+ ## [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)
301
+
302
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
303
+
304
+
305
+
306
+
307
+
308
+ ## [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)
309
+
310
+
311
+ ### Bug Fixes
312
+
313
+ * **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))
314
+
315
+
316
+
317
+ ## [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)
318
+
319
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
320
+
321
+
322
+
323
+
324
+
325
+ ## 3.0.0-alpha.35 (2023-04-27)
326
+
327
+
328
+ ### Features
329
+
330
+ * **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))
331
+
332
+
333
+
334
+ ## [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)
335
+
336
+
337
+ ### Bug Fixes
338
+
339
+ * **web:** button accessbility ([#767](https://github.com/BonnierNews/dn-design-system/issues/767)) ([1b19f98](https://github.com/BonnierNews/dn-design-system/commit/1b19f983f208ab3467640b8f921e8f711f569ab5))
340
+ * **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))
341
+
342
+
343
+
344
+ ## 3.0.0-alpha.33 (2023-04-24)
345
+
346
+
347
+ ### Features
348
+
349
+ * **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))
350
+
351
+
352
+
353
+ ## [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)
354
+
355
+
356
+ ### Bug Fixes
357
+
358
+ * **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))
359
+
360
+
361
+
362
+ ## 3.0.0-alpha.31 (2023-04-20)
363
+
364
+
365
+ ### ⚠ BREAKING CHANGES
366
+
367
+ * **web:** Quote and Factbox has property from ´variant´ to ´theme´
368
+
369
+ ### Bug Fixes
370
+
371
+ * **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))
372
+
373
+
374
+
375
+ ## 3.0.0-alpha.30 (2023-04-19)
376
+
377
+
378
+ ### Features
379
+
380
+ * **web:** vip badge component ([#759](https://github.com/BonnierNews/dn-design-system/issues/759)) ([7d0791e](https://github.com/BonnierNews/dn-design-system/commit/7d0791ee9d101265ec5f5427b550da783afff93e))
381
+
382
+
383
+
384
+ ## 3.0.0-alpha.29 (2023-04-19)
385
+
386
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
387
+
388
+
389
+
390
+
391
+
392
+ ## 3.0.0-alpha.28 (2023-04-13)
393
+
394
+
395
+ ### Bug Fixes
396
+
397
+ * **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))
398
+
399
+
400
+
401
+ ## 3.0.0-alpha.27 (2023-04-13)
402
+
403
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
404
+
405
+
406
+
407
+
408
+
409
+ ## [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)
410
+
411
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
412
+
413
+
414
+
415
+
416
+
417
+ ## 3.0.0-alpha.25 (2023-04-05)
418
+
419
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
420
+
421
+
422
+
423
+
424
+
425
+ ## 3.0.0-alpha.24 (2023-04-03)
426
+
427
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
428
+
429
+
430
+
431
+
432
+
433
+ ## 3.0.0-alpha.23 (2023-03-31)
434
+
435
+
436
+ ### Bug Fixes
437
+
438
+ * **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))
439
+
440
+
441
+
442
+ ## 3.0.0-alpha.22 (2023-03-30)
443
+
444
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
445
+
446
+
447
+
448
+
449
+
450
+ ## [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)
451
+
452
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
453
+
454
+
455
+
456
+
457
+
458
+ ## [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)
459
+
460
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
461
+
462
+
463
+
464
+
465
+
466
+ ## [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)
467
+
468
+
469
+ ### Bug Fixes
470
+
471
+ * **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))
472
+
473
+
474
+
475
+ ## [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)
476
+
477
+
478
+ ### Bug Fixes
479
+
480
+ * **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))
481
+
482
+
483
+
484
+ ## [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)
485
+
486
+
487
+ ### Bug Fixes
488
+
489
+ * **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))
490
+
491
+
492
+
493
+ ## [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)
494
+
495
+
496
+ ### Bug Fixes
497
+
498
+ * **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))
499
+
500
+
501
+
502
+ ## 3.0.0-alpha.15 (2023-03-24)
503
+
504
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
505
+
506
+
507
+
508
+
509
+
510
+ ## [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)
511
+
512
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
513
+
514
+
515
+
516
+
517
+
518
+ ## [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)
519
+
520
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
521
+
522
+
523
+
524
+
525
+
526
+ ## [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)
527
+
528
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
529
+
530
+
531
+
532
+
533
+
534
+ ## [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)
535
+
536
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
537
+
538
+
539
+
540
+
541
+
542
+ ## [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)
543
+
544
+
545
+ ### Features
546
+
547
+ * **web:** image caption ([#723](https://github.com/BonnierNews/dn-design-system/issues/723)) ([5247279](https://github.com/BonnierNews/dn-design-system/commit/5247279d3205eef7bc19599e21dbac997994cc92))
548
+
549
+
550
+
551
+ ## [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)
552
+
553
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
554
+
555
+
556
+
557
+
558
+
559
+ ## [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)
560
+
561
+
562
+ ### Bug Fixes
563
+
564
+ * **web:** treat b as strong ([#722](https://github.com/BonnierNews/dn-design-system/issues/722)) ([8148ce9](https://github.com/BonnierNews/dn-design-system/commit/8148ce98e11827668858a1507ea69b8f122d8a83))
565
+
566
+
567
+
6
568
  ## 3.0.0-alpha.7 (2023-03-10)
7
569
 
8
570
  **Note:** Version bump only for package @bonniernews/dn-design-system-web
@@ -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 %}
@@ -1,20 +1,6 @@
1
1
  @use "../../foundations/helpers/forward.helpers.scss" as *;
2
+ @use "../../components/image-caption/image-caption.scss" as *;
2
3
 
3
4
  .ds-article-image {
4
5
  margin: 0;
5
-
6
- > figcaption {
7
- @include ds-typography($ds-typography-functional-body01regular);
8
- margin-top: ds-spacing-component($ds-sc-x2);
9
- color: $ds-color-text-primary;
10
-
11
- @at-root .ds-force-px#{&} {
12
- @include ds-typography($ds-typography-functional-body01regular, true);
13
- }
14
-
15
- > .ds-article-image__credits {
16
- display: block;
17
- color: $ds-color-text-primary-02;
18
- }
19
- }
20
6
  }
@@ -1,4 +1,4 @@
1
- {% from '@bonniernews/dn-design-system-web/foundations/icons/icon.njk' import Icon %}
1
+ {% from '@bonniernews/dn-design-system-web/components/icon-sprite/icon-sprite.njk' import IconUse %}
2
2
  {% set classes = [] %}
3
3
 
4
4
  {% macro FormField(params, wrapperClasses) %}
@@ -10,7 +10,7 @@
10
10
  {{ caller() if caller }}
11
11
  {% if params.errorMessage %}
12
12
  <div class="ds-form-field__error-message js-field-error">
13
- {{ Icon({ icon: "info-filled" }) }}
13
+ {{ IconUse({ icon: "info-filled" }) }}
14
14
  <span>{{ params.errorMessage | safe }}</span>
15
15
  </div>
16
16
  {% endif %}
@@ -1,9 +1,5 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/metrics.scss" as *;
3
- @use "../../foundations/helpers/utilities.scss" as *;
4
- @use "../../foundations/helpers/typography.scss" as *;
5
- @use "../../foundations/helpers/colors.scss" as *;
6
- @use "../../foundations/icons/icon.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
2
+ @use "../../components/icon-sprite/icon-sprite.scss";
7
3
 
8
4
  $ds-form-field__error-icon-size: 20px;
9
5