hr-design-system-handlebars 1.121.0 → 1.121.1

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 (67) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +10 -10
  3. package/dist/views/components/content/copytext/components/audio.hbs +2 -2
  4. package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  5. package/dist/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
  6. package/dist/views/components/content/copytext/components/gallery/gallery.hbs +1 -1
  7. package/dist/views/components/content/copytext/components/image/image.hbs +6 -6
  8. package/dist/views/components/content/copytext/components/podcastepisode.hbs +1 -1
  9. package/dist/views/components/content/copytext/components/posterteaser.hbs +1 -1
  10. package/dist/views/components/content/copytext/components/video/video.hbs +2 -2
  11. package/dist/views/components/content/copytext/components/videolivestream.hbs +2 -2
  12. package/dist/views/components/external-service/external_service.hbs +1 -1
  13. package/dist/views/components/external-service/external_service_with_datapolicy_check.hbs +1 -1
  14. package/dist/views/components/forms/components/backgroundBox.hbs +1 -1
  15. package/dist/views/components/forms/webform.hbs +1 -1
  16. package/dist/views/components/newsletter/newsletter.hbs +1 -1
  17. package/dist/views/components/ticker/ticker_item/content_footer_ticker_item.hbs +1 -1
  18. package/dist/views_static/components/content/copytext/components/audio.hbs +2 -2
  19. package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  20. package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
  21. package/dist/views_static/components/content/copytext/components/gallery/gallery.hbs +1 -1
  22. package/dist/views_static/components/content/copytext/components/image/image.hbs +6 -6
  23. package/dist/views_static/components/content/copytext/components/podcastepisode.hbs +1 -1
  24. package/dist/views_static/components/content/copytext/components/posterteaser.hbs +1 -1
  25. package/dist/views_static/components/content/copytext/components/video/video.hbs +2 -2
  26. package/dist/views_static/components/content/copytext/components/videolivestream.hbs +2 -2
  27. package/dist/views_static/components/external-service/external_service.hbs +1 -1
  28. package/dist/views_static/components/external-service/external_service_with_datapolicy_check.hbs +1 -1
  29. package/dist/views_static/components/forms/components/backgroundBox.hbs +1 -1
  30. package/dist/views_static/components/forms/webform.hbs +1 -1
  31. package/dist/views_static/components/newsletter/newsletter.hbs +1 -1
  32. package/dist/views_static/components/ticker/ticker_item/content_footer_ticker_item.hbs +1 -1
  33. package/package.json +1 -1
  34. package/src/assets/fixtures/content/copytext/copytext_audio.json +110 -3
  35. package/src/assets/fixtures/content/copytext/copytext_audio_livestream.json +109 -3
  36. package/src/assets/fixtures/content/copytext/copytext_externalservice.json +18 -0
  37. package/src/assets/fixtures/content/copytext/copytext_gallery.json +8 -5
  38. package/src/assets/fixtures/content/copytext/copytext_image.json +15 -0
  39. package/src/assets/fixtures/content/copytext/copytext_livestream.json +118 -6
  40. package/src/assets/fixtures/content/copytext/copytext_newsletter.json +35 -0
  41. package/src/assets/fixtures/content/copytext/copytext_video.json +126 -6
  42. package/src/assets/fixtures/content/copytext/copytext_webform.json +32 -30
  43. package/src/stories/views/components/content/copytext/components/audio.hbs +2 -2
  44. package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  45. package/src/stories/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs +1 -1
  46. package/src/stories/views/components/content/copytext/components/gallery/gallery.hbs +1 -1
  47. package/src/stories/views/components/content/copytext/components/image/image.hbs +6 -6
  48. package/src/stories/views/components/content/copytext/components/podcastepisode.hbs +1 -1
  49. package/src/stories/views/components/content/copytext/components/posterteaser.hbs +1 -1
  50. package/src/stories/views/components/content/copytext/components/video/video.hbs +2 -2
  51. package/src/stories/views/components/content/copytext/components/videolivestream.hbs +2 -2
  52. package/src/stories/views/components/content/copytext/copytext-newsletter.stories.js +20 -20
  53. package/src/stories/views/components/content/copytext/fixtures/copytext_audio.json +1 -1
  54. package/src/stories/views/components/content/copytext/fixtures/copytext_audio_livestream.json +1 -1
  55. package/src/stories/views/components/content/copytext/fixtures/copytext_externalservice.json +1 -1
  56. package/src/stories/views/components/content/copytext/fixtures/copytext_gallery.json +1 -1
  57. package/src/stories/views/components/content/copytext/fixtures/copytext_image.json +1 -1
  58. package/src/stories/views/components/content/copytext/fixtures/copytext_livestream.json +1 -1
  59. package/src/stories/views/components/content/copytext/fixtures/copytext_newsletter.json +1 -18
  60. package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
  61. package/src/stories/views/components/content/copytext/fixtures/copytext_webform.json +1 -1
  62. package/src/stories/views/components/external-service/external_service.hbs +1 -1
  63. package/src/stories/views/components/external-service/external_service_with_datapolicy_check.hbs +1 -1
  64. package/src/stories/views/components/forms/components/backgroundBox.hbs +1 -1
  65. package/src/stories/views/components/forms/webform.hbs +1 -1
  66. package/src/stories/views/components/newsletter/newsletter.hbs +1 -1
  67. package/src/stories/views/components/ticker/ticker_item/content_footer_ticker_item.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.121.1 (Mon Oct 27 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Feature/dpe 3761 [#1317](https://github.com/mumprod/hr-design-system-handlebars/pull/1317) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
1
13
  # v1.121.0 (Mon Oct 20 2025)
2
14
 
3
15
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -3894,7 +3894,7 @@ article #commentList {
3894
3894
  border-bottom-color: var(--color-secondary-ds);
3895
3895
  }
3896
3896
  .counter-reset {
3897
- counter-reset: cnt1760970058909;
3897
+ counter-reset: cnt1761552844526;
3898
3898
  }
3899
3899
  .animate-delay-100 {
3900
3900
  --tw-animate-delay: 100ms;
@@ -4355,7 +4355,7 @@ html { scroll-behavior: smooth; }
4355
4355
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4356
4356
  }
4357
4357
  .-ordered {
4358
- counter-increment: cnt1760970058909 1;
4358
+ counter-increment: cnt1761552844526 1;
4359
4359
  }
4360
4360
  .-ordered::before {
4361
4361
  position: absolute;
@@ -4373,7 +4373,7 @@ html { scroll-behavior: smooth; }
4373
4373
  --tw-text-opacity: 1;
4374
4374
  color: rgba(0, 0, 0, 1);
4375
4375
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4376
- content: counter(cnt1760970058909);
4376
+ content: counter(cnt1761552844526);
4377
4377
  }
4378
4378
  /*! ****************************/
4379
4379
  /*! DataPolicy stuff */
@@ -7047,9 +7047,9 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
7047
7047
  margin-bottom: 1rem;
7048
7048
  }
7049
7049
 
7050
- .sm\:my-7 {
7051
- margin-top: 1.75rem;
7052
- margin-bottom: 1.75rem;
7050
+ .sm\:my-8 {
7051
+ margin-top: 2rem;
7052
+ margin-bottom: 2rem;
7053
7053
  }
7054
7054
 
7055
7055
  .sm\:\!ml-4 {
@@ -9186,13 +9186,13 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
9186
9186
  .\[\&\+\.hrds-shorttext\]\:mt-5+.hrds-shorttext {
9187
9187
  margin-top: 1.25rem;
9188
9188
  }
9189
- .\[\&\+h2\]\:mt-4+h2 {
9190
- margin-top: 1rem;
9191
- }
9192
9189
  .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1:has(+.-hideOnMobile) {
9193
9190
  order: 1;
9194
9191
  }
9195
- .\[\&\:not\(\:has\(\+h2\)\2c \:has\(\+p\)\2c \:has\(\+div\)\2c \:has\(\+figure\)\)\]\:mb-0:not(:has(+h2)):not(:has(+p)):not(:has(+div)):not(:has(+figure)) {
9192
+ .\[\&\:has\(\+div\+h2\)\]\:mb-0:has(+div+h2) {
9193
+ margin-bottom: 0px;
9194
+ }
9195
+ .\[\&\:has\(\+h2\)\]\:mb-0:has(+h2) {
9196
9196
  margin-bottom: 0px;
9197
9197
  }
9198
9198
  .\[\&\:not\(\:last-child\)\]\:pb-2:not(:last-child) {
package/dist/views/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
1
+ <div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half mt-6 mb-2 sm:mb-5 sm:mt-6 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
2
2
  {{~> @partial-block ~}}
3
3
  </div>
package/dist/views/components/content/copytext/components/gallery/gallery.hbs CHANGED
@@ -1,3 +1,3 @@
1
1
  {{#with this.toModel.galleryPage}}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
3
3
  {{/with}}
package/dist/views/components/content/copytext/components/image/image.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  {{~#case '16toX'~}}
3
3
  {{#if this.showFullSize.isTrue }}
4
4
  {{> components/content/copytext/components/image/figure
5
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
5
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
6
6
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
7
7
  _type="story"
8
8
  _variant="100-copytext-portrait"
@@ -10,7 +10,7 @@
10
10
  _isWebview=_isWebview}}
11
11
  {{else}}
12
12
  {{> components/content/copytext/components/image/figure
13
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
13
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
14
14
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
15
15
  _type="story"
16
16
  _variant="copytext-portrait"
@@ -21,7 +21,7 @@
21
21
  {{~#case '16to9'~}}
22
22
  {{#if this.showFullSize.isTrue}}
23
23
  {{> components/content/copytext/components/image/figure
24
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
24
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
25
25
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
26
26
  _type="story"
27
27
  _variant="100-copytext"
@@ -29,7 +29,7 @@
29
29
  _isWebview=_isWebview}}
30
30
  {{else}}
31
31
  {{> components/content/copytext/components/image/figure
32
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
32
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
33
33
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
34
34
  _type="story"
35
35
  _variant="copytext"
@@ -40,7 +40,7 @@
40
40
  {{~#case '1to1'~}}
41
41
  {{#if this.showFullSize.isTrue}}
42
42
  {{> components/content/copytext/components/image/figure
43
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
43
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
44
44
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
45
45
  _type="story"
46
46
  _variant="100-copytext-squared"
@@ -48,7 +48,7 @@
48
48
  _isWebview=_isWebview}}
49
49
  {{else}}
50
50
  {{> components/content/copytext/components/image/figure
51
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
51
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
52
52
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
53
53
  _type="story"
54
54
  _variant="copytext-squared"
package/dist/views/components/content/copytext/components/podcastepisode.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
1
+ <div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-6 mb-2 sm:mt-7 sm:mb-5{{/if}}">
2
2
  {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }}
3
3
  </div>
package/dist/views/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
1
+ <div class="print:hidden article-narrow w-auto xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-2 mt-6 [&:has(+h2)]:mb-0 sm:my-8 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-6 mb-2 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
2
2
  {{> components/teaser/teaser_poster _isCopytext=true }}
3
3
  </div>
package/dist/views/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
4
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/external-service/external_service.hbs CHANGED
@@ -5,7 +5,7 @@
5
5
  {{else}}
6
6
 
7
7
  {{#if this.serviceUrl}}
8
- <div class="clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
8
+ <div class="clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8{{/unless}}">
9
9
  <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>
10
10
  {{#if this.externalServiceConfig.embedAsIFrame}}
11
11
  <!-- Embedding via Iframe -->
package/dist/views/components/external-service/external_service_with_datapolicy_check.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="grid clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
1
+ <div class="grid clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+div+h2)]:mb-0 sm:my-8{{/unless}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
3
3
  <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
4
4
  this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
package/dist/views/components/forms/components/backgroundBox.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow{{/if}}{{#if _isTickerCopytext}} [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{/if}}" >
1
+ <div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow{{/if}}" >
2
2
  {{> @partial-block }}
3
3
  </div>
package/dist/views/components/forms/webform.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#>components/forms/components/backgroundBox _isTickerCopytext=_isTickerCopytext }}
2
+ {{#>components/forms/components/backgroundBox }}
3
3
  <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
4
4
  {{this.title}}
5
5
  </h3>
package/dist/views/components/newsletter/newsletter.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
1
+ <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow {{_addClass}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
3
3
  {{> components/newsletter/components/newsletter_form}}
4
4
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
package/dist/views/components/ticker/ticker_item/content_footer_ticker_item.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-8">
1
+ <footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-6 sm:mt-8">
2
2
  <div>
3
3
  {{#> components/page/components/metadata_wrapper _hideFrom=false _isTicker=_isTicker }}
4
4
  {{~#with this.programReferenceAlt~}}
package/dist/views_static/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-6 mb-2 sm:mt-7 sm:mb-5 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
1
+ <div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half mt-6 mb-2 sm:mb-5 sm:mt-6 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
2
2
  {{~> @partial-block ~}}
3
3
  </div>
package/dist/views_static/components/content/copytext/components/gallery/gallery.hbs CHANGED
@@ -1,3 +1,3 @@
1
1
  {{#with this.toModel.galleryPage}}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if ../_isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr"}}
3
3
  {{/with}}
package/dist/views_static/components/content/copytext/components/image/image.hbs CHANGED
@@ -2,7 +2,7 @@
2
2
  {{~#case '16toX'~}}
3
3
  {{#if this.showFullSize.isTrue }}
4
4
  {{> components/content/copytext/components/image/figure
5
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
5
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
6
6
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
7
7
  _type="story"
8
8
  _variant="100-copytext-portrait"
@@ -10,7 +10,7 @@
10
10
  _isWebview=_isWebview}}
11
11
  {{else}}
12
12
  {{> components/content/copytext/components/image/figure
13
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
13
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
14
14
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
15
15
  _type="story"
16
16
  _variant="copytext-portrait"
@@ -21,7 +21,7 @@
21
21
  {{~#case '16to9'~}}
22
22
  {{#if this.showFullSize.isTrue}}
23
23
  {{> components/content/copytext/components/image/figure
24
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
24
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
25
25
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
26
26
  _type="story"
27
27
  _variant="100-copytext"
@@ -29,7 +29,7 @@
29
29
  _isWebview=_isWebview}}
30
30
  {{else}}
31
31
  {{> components/content/copytext/components/image/figure
32
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
32
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
33
33
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
34
34
  _type="story"
35
35
  _variant="copytext"
@@ -40,7 +40,7 @@
40
40
  {{~#case '1to1'~}}
41
41
  {{#if this.showFullSize.isTrue}}
42
42
  {{> components/content/copytext/components/image/figure
43
- _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0"
43
+ _cssClass="mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 clear-both article-full-width sm:my-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow"
44
44
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
45
45
  _type="story"
46
46
  _variant="100-copytext-squared"
@@ -48,7 +48,7 @@
48
48
  _isWebview=_isWebview}}
49
49
  {{else}}
50
50
  {{> components/content/copytext/components/image/figure
51
- _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
51
+ _cssClass="hrds-copytext-teaser-half mt-6 mb-2 article-full-width sm:article-narrow sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
52
52
  _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" )
53
53
  _type="story"
54
54
  _variant="copytext-squared"
package/dist/views_static/components/content/copytext/components/podcastepisode.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
1
+ <div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-8{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-6 mb-2 sm:mt-7 sm:mb-5{{/if}}">
2
2
  {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }}
3
3
  </div>
package/dist/views_static/components/content/copytext/components/posterteaser.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
1
+ <div class="print:hidden article-narrow w-auto xs:article-full-width{{#if _isTickerCopytext}} xs:mx-10{{else}} xs:mx-13{{/if}} {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-2 mt-6 [&:has(+h2)]:mb-0 sm:my-8 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-6 mb-2 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
2
2
  {{> components/teaser/teaser_poster _isCopytext=true }}
3
3
  </div>
package/dist/views_static/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
4
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" _isVertical=_isVertical}}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-6 mb-2 [&:has(+h2)]:mb-0 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-8" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _hasHeadline=true _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-6 mb-2 sm:mt-7 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption=(if _isTickerCopytext "" "mx-5 sm:mx-0" ) _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/external-service/external_service.hbs CHANGED
@@ -5,7 +5,7 @@
5
5
  {{else}}
6
6
 
7
7
  {{#if this.serviceUrl}}
8
- <div class="clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
8
+ <div class="clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8{{/unless}}">
9
9
  <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>
10
10
  {{#if this.externalServiceConfig.embedAsIFrame}}
11
11
  <!-- Embedding via Iframe -->
package/dist/views_static/components/external-service/external_service_with_datapolicy_check.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="grid clear-both{{#unless _isTeaser}} mt-10{{/unless}}">
1
+ <div class="grid clear-both{{#unless _isTeaser}} mt-6 mb-2 [&:has(+div+h2)]:mb-0 sm:my-8{{/unless}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
3
3
  <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}}{{#unless
4
4
  this.fixedHeight }} -noFixedHeight{{/unless}} js-load"
package/dist/views_static/components/forms/components/backgroundBox.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow{{/if}}{{#if _isTickerCopytext}} [&:not(:has(+h2),:has(+p),:has(+div),:has(+figure))]:mb-0{{/if}}" >
1
+ <div class="relative bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr {{#if _isTeaser}}w-full{{~inline-switch this.teasersize '["100","50"]' '[" px-5 sm:px-13 pb-8 pt-6 sm:pt-8"," p-5"]'}}{{else}}px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow{{/if}}" >
2
2
  {{> @partial-block }}
3
3
  </div>
package/dist/views_static/components/forms/webform.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#>components/forms/components/backgroundBox _isTickerCopytext=_isTickerCopytext }}
2
+ {{#>components/forms/components/backgroundBox }}
3
3
  <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
4
4
  {{this.title}}
5
5
  </h3>
package/dist/views_static/components/newsletter/newsletter.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
1
+ <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-6 mb-2 [&:has(+h2)]:mb-0 sm:my-8 article-full-width sm:article-narrow {{_addClass}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
3
3
  {{> components/newsletter/components/newsletter_form}}
4
4
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
package/dist/views_static/components/ticker/ticker_item/content_footer_ticker_item.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-8">
1
+ <footer class="{{#if _css}}{{_css}} {{/if}}flex items-center clear-both w-full mt-6 sm:mt-8">
2
2
  <div>
3
3
  {{#> components/page/components/metadata_wrapper _hideFrom=false _isTicker=_isTicker }}
4
4
  {{~#with this.programReferenceAlt~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.121.0",
9
+ "version": "1.121.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/fixtures/content/copytext/copytext_audio.json CHANGED
@@ -34,7 +34,110 @@
34
34
  "audioElement": {
35
35
  "ardPlayerConfig": {
36
36
  "@->jsoninclude": "audio/audios.inc.json",
37
- "@->contentpath": "audio-2"
37
+ "@->contentpath": "audio-2",
38
+ "@->overrides": [
39
+ {
40
+ "@->contentpath": "playerId",
41
+ "@->value": "2564"
42
+ }
43
+ ]
44
+ },
45
+ "ardPlayerJsonConfig": {
46
+ "@->jsoninclude": "audio/audios.inc.json",
47
+ "@->contentpath": "audio-2",
48
+ "@->overrides": [
49
+ {
50
+ "@->contentpath": "isAutoplay",
51
+ "@->value": false
52
+ },
53
+ {
54
+ "@->contentpath": "playerConfig.generic.isAutoplay",
55
+ "@->value": false
56
+ },
57
+ {
58
+ "@->contentpath": "playerConfig.web.isForcedVideoView",
59
+ "@->value": false
60
+ },
61
+ {
62
+ "@->contentpath": "playerId",
63
+ "@->value": "2564"
64
+ }
65
+ ]
66
+ }
67
+ },
68
+ "mediaBacklinkToStoryTeaser": {
69
+ "link": {
70
+ "url": "/audioseite",
71
+ "isTargetBlank": false
72
+ },
73
+ "readMoreScreenreader": "zum hessenschau.de Audio",
74
+ "title": "Musik macht deinen Tag",
75
+ "isForeignBrand": false,
76
+ "readMore": "zur Audio-Einzelseite",
77
+ "hasIcon": false,
78
+ "iconName": "extern"
79
+ }
80
+ },
81
+ "teaseritem": {
82
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
83
+ "@->contentpath": "copytext_image_50",
84
+ "@->replaceToken": [
85
+ {
86
+ "@->token": "image",
87
+ "@->value": "lehrerin-ukraine-104"
88
+ }
89
+ ]
90
+ },
91
+
92
+ "teaserImage": {
93
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
94
+ "@->contentpath": "copytext_image_50",
95
+ "@->replaceToken": [
96
+ {
97
+ "@->token": "image",
98
+ "@->value": "lehrerin-ukraine-104"
99
+ }
100
+ ]
101
+ }
102
+ }
103
+ },
104
+ {
105
+ "@->jsoninclude": "content/copytext/copytext_paragraph.inc.json"
106
+ },
107
+ {
108
+ "paragraphBoxItem": {
109
+ "isAudio": true,
110
+ "isAudioOnDemand": true,
111
+ "showFullSize": {
112
+ "isTrue": true
113
+ },
114
+ "label": {
115
+ "type": "audio",
116
+ "loca": "label_audio",
117
+ "byline": {
118
+ "bylineText": "00:39 Min."
119
+ }
120
+ },
121
+ "copyright": "hr",
122
+ "audioAuthor": "Michael Pörtner",
123
+ "showAirdate": true,
124
+ "airdateDate": {
125
+ "htmlDateTime": "2024-06-21T14:30+0200",
126
+ "htmlDate": "21.06.2024",
127
+ "date": "21.06.24",
128
+ "dateSeparatorTime": "21.06.24, 14:30"
129
+ },
130
+ "toModel": {
131
+ "audioElement": {
132
+ "ardPlayerConfig": {
133
+ "@->jsoninclude": "audio/audios.inc.json",
134
+ "@->contentpath": "audio-2",
135
+ "@->overrides": [
136
+ {
137
+ "@->contentpath": "playerId",
138
+ "@->value": "2565"
139
+ }
140
+ ]
38
141
  },
39
142
  "ardPlayerJsonConfig": {
40
143
  "@->jsoninclude": "audio/audios.inc.json",
@@ -51,6 +154,10 @@
51
154
  {
52
155
  "@->contentpath": "playerConfig.web.isForcedVideoView",
53
156
  "@->value": false
157
+ },
158
+ {
159
+ "@->contentpath": "playerId",
160
+ "@->value": "2565"
54
161
  }
55
162
  ]
56
163
  }
@@ -128,7 +235,7 @@
128
235
  "@->overrides": [
129
236
  {
130
237
  "@->contentpath": "playerId",
131
- "@->value": "2564"
238
+ "@->value": "2566"
132
239
  }
133
240
  ]
134
241
  },
@@ -150,7 +257,7 @@
150
257
  },
151
258
  {
152
259
  "@->contentpath": "playerId",
153
- "@->value": "2564"
260
+ "@->value": "2566"
154
261
  }
155
262
  ]
156
263
  }