npm - hr-design-system-handlebars - Versions diffs - 1.59.7 → 1.59.9 - Mend

hr-design-system-handlebars 1.59.7 → 1.59.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,27 @@
+# v1.59.9 (Mon Feb 26 2024)
+#### 🐛 Bug Fix
+- Adjust grid behaviour of full width image [#862](https://github.com/mumprod/hr-design-system-handlebars/pull/862) ([@vascoeduardo](https://github.com/vascoeduardo))
+#### Authors: 1
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+---
+# v1.59.8 (Fri Feb 23 2024)
+#### 🐛 Bug Fix
+- add story for metadatabox [#861](https://github.com/mumprod/hr-design-system-handlebars/pull/861) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+#### Authors: 1
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+---
 # v1.59.7 (Fri Feb 23 2024)
 #### 🐛 Bug Fix

package/dist/assets/index.css CHANGED Viewed

@@ -1153,14 +1153,6 @@ article.indexText ul {
 .m-4 {
   margin: 1rem;
 }
-.\!mx-0 {
-  margin-left: 0px !important;
-  margin-right: 0px !important;
-}
-.-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
 .mx-0 {
   margin-left: 0px;
   margin-right: 0px;
@@ -1197,6 +1189,10 @@ article.indexText ul {
   margin-left: 1px;
   margin-right: 1px;
 }
+.my-0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
 .my-12 {
   margin-top: 3rem;
   margin-bottom: 3rem;
@@ -1229,18 +1225,9 @@ article.indexText ul {
   margin-top: 1.75rem;
   margin-bottom: 1.75rem;
 }
-.\!mb-0 {
-  margin-bottom: 0px !important;
-}
-.\!mt-0 {
-  margin-top: 0px !important;
-}
 .\!mt-4 {
   margin-top: 1rem !important;
 }
-.\!mt-5 {
-  margin-top: 1.25rem !important;
-}
 .-mb-1 {
   margin-bottom: -0.25rem;
 }
@@ -1403,6 +1390,9 @@ article.indexText ul {
 .mt-4\.5 {
   margin-top: 1.125rem;
 }
+.mt-5 {
+  margin-top: 1.25rem;
+}
 .mt-6 {
   margin-top: 1.5rem;
 }
@@ -3254,7 +3244,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1708701758301;
+  counter-reset: cnt1708960836197;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3375,8 +3365,8 @@ article.indexText ul {
     }
 .grid-article {
         --mobile-padding: 1.25rem;
-        --desktop-padding: 40px;
-        --narrow-max-width: 726px;
+        --desktop-padding: 2.5rem;
+        --narrow-max-width: calc(var(--breakpoint-md) - (var(--mobile-padding) * 2));
         --content-max-width: 940px;
         --breakout-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
@@ -3391,8 +3381,8 @@ article.indexText ul {
 .grid-article > :not(.article-breakout):not(.article-full-width){
         grid-column: narrow;
     }
-.article-breakout {
-        grid-column: content;
+.article-full-width {
+        grid-column: full-width;
     }
 .grid-content {
         grid-template-areas:
@@ -3577,7 +3567,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1708701758301 1;
+  counter-increment: cnt1708960836197 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3593,7 +3583,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1708701758301);
+  content: counter(cnt1708960836197);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3698,6 +3688,12 @@ article.indexText ul {
 /*! purgecss start ignore */
 :root,
 [data-theme='default'] {
+    --breakpoint-xs:  360px;
+    --breakpoint-sm480: 480px;
+    --breakpoint-sm: 640px;
+    --breakpoint-md: 768px;
+    --breakpoint-lg: 1024px;
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
@@ -5420,11 +5416,6 @@ article.indexText ul {
     float: left;
   }
-  .sm480\:mx-0 {
-    margin-left: 0px;
-    margin-right: 0px;
-  }
   .sm480\:mx-10 {
     margin-left: 2.5rem;
     margin-right: 2.5rem;
@@ -5452,6 +5443,10 @@ article.indexText ul {
     margin-right: 1.25rem;
   }
+  .sm480\:mt-1 {
+    margin-top: 0.25rem;
+  }
   .sm480\:mt-4 {
     margin-top: 1rem;
   }
@@ -5464,6 +5459,10 @@ article.indexText ul {
     margin-top: 1.375rem;
   }
+  .sm480\:mt-7 {
+    margin-top: 1.75rem;
+  }
   .sm480\:h-5 {
     height: 1.25rem;
   }
@@ -6596,6 +6595,9 @@ article.indexText ul {
             clear: both;
         }
     }
+    .md\:article-breakout {
+        grid-column: content;
+    }
     .md\:col-main {
         grid-column: main;

package/dist/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs CHANGED Viewed

@@ -20,8 +20,8 @@
                     _isWebview=../../_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="!mt-5 !mb-0 !mx-0"
-                    _cssClassCaption="!mx-0"
+                    _cssClass="mt-5 mb-0"
+                    _cssClassCaption=""
                     _type="story"
                     _variant="100-copytext"
                     _pictureAddClass="ar-16-9"

package/dist/views/components/content/copytext/components/filedownload.hbs CHANGED Viewed

@@ -22,8 +22,8 @@
     {{/with}}
     {{~#with this.teaseritem }}
         {{> components/content/copytext/components/image/figure
-            _cssClass="!mt-5 !mb-0 !mx-0"
-            _cssClassCaption="!mx-0"
+            _cssClass="mt-5 mb-0"
+            _cssClassCaption=""
             _type="story"
             _variant="copytext"
             _pictureAddClass="ar-16-9"

package/dist/views/components/content/copytext/components/image/figcaption.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 text-xs sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{
                 open: false,
                 truncated: true,

package/dist/views/components/content/copytext/components/image/figure.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figure class="relative my-6 sm480:my-7 -mx-4 sm480:mx-0 {{#if _cssClasses}} {{_cssClasses}}{{/if}} {{_cssClass}}">
+<figure class="relative{{#if _cssClass}} {{_cssClass}}{{/if}}">
     {{#if _noAr }}
         {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
     {{else}}

package/dist/views/components/content/copytext/components/image/image.hbs CHANGED Viewed

@@ -1,14 +1,14 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -17,14 +17,14 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

package/dist/views/components/content/copytext/components/infobox.hbs CHANGED Viewed

@@ -16,14 +16,14 @@
             {{#if this.showPortrait.isTrue }}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
+                        _cssClass="mt-5 mb-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
+                        _cssClass="my-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
@@ -32,16 +32,16 @@
             {{else}}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="mt-5 mb-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="my-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"

package/dist/views/components/page/components/author.hbs CHANGED Viewed

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile"
                             _variant="ticker"
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full"
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/dist/views/components/page/components/commentlink.hbs CHANGED Viewed

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/dist/views/components/page/components/metadatabox.hbs CHANGED Viewed

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
             {{#if _showDate }}

package/dist/views/components/page/components/publicationdate.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
     {{#with this.documentModificationDate~}}

package/dist/views/components/page/story/story_article.hbs CHANGED Viewed

@@ -10,8 +10,8 @@
         {{#with this.teaseritem }}
             {{#if this.isImage}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="article-breakout !mb-0"
-                    _cssClassCaption=""
+                    _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
+                    _cssClassCaption="mx-5 md:mx-0"
                     _type="story"
                     _variant="100-top"
                     _pictureAddClass="ar-16-9"

package/dist/views/components/program_supplier/program_supplier.hbs CHANGED Viewed

@@ -3,7 +3,7 @@
     <div class='flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2'>
         {{#if this.link}}
-            {{#>components/base/link _link=this.link _cssClasses='programReference__link'}}
+            {{#>components/base/link _link=this.link }}
                 {{#if this.content.programLogo}}
                     {{#with this.content.programLogo}}
                         <img

package/dist/views_static/components/content/copytext/components/contentbox/storybook-contentbox.hbs CHANGED Viewed

@@ -20,8 +20,8 @@
                     _isWebview=../../_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="!mt-5 !mb-0 !mx-0"
-                    _cssClassCaption="!mx-0"
+                    _cssClass="mt-5 mb-0"
+                    _cssClassCaption=""
                     _type="story"
                     _variant="100-copytext"
                     _pictureAddClass="ar-16-9"

package/dist/views_static/components/content/copytext/components/filedownload.hbs CHANGED Viewed

@@ -22,8 +22,8 @@
     {{/with}}
     {{~#with this.teaseritem }}
         {{> components/content/copytext/components/image/figure
-            _cssClass="!mt-5 !mb-0 !mx-0"
-            _cssClassCaption="!mx-0"
+            _cssClass="mt-5 mb-0"
+            _cssClassCaption=""
             _type="story"
             _variant="copytext"
             _pictureAddClass="ar-16-9"

package/dist/views_static/components/content/copytext/components/image/figcaption.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 text-xs sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{
                 open: false,
                 truncated: true,

package/dist/views_static/components/content/copytext/components/image/figure.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figure class="relative my-6 sm480:my-7 -mx-4 sm480:mx-0 {{#if _cssClasses}} {{_cssClasses}}{{/if}} {{_cssClass}}">
+<figure class="relative{{#if _cssClass}} {{_cssClass}}{{/if}}">
     {{#if _noAr }}
         {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
     {{else}}

package/dist/views_static/components/content/copytext/components/image/image.hbs CHANGED Viewed

@@ -1,14 +1,14 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -17,14 +17,14 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

package/dist/views_static/components/content/copytext/components/infobox.hbs CHANGED Viewed

@@ -16,14 +16,14 @@
             {{#if this.showPortrait.isTrue }}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
+                        _cssClass="mt-5 mb-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
+                        _cssClass="my-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
@@ -32,16 +32,16 @@
             {{else}}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="mt-5 mb-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="my-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"

package/dist/views_static/components/page/components/author.hbs CHANGED Viewed

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile"
                             _variant="ticker"
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full"
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/dist/views_static/components/page/components/commentlink.hbs CHANGED Viewed

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/dist/views_static/components/page/components/metadatabox.hbs CHANGED Viewed

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
             {{#if _showDate }}

package/dist/views_static/components/page/components/publicationdate.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
     {{#with this.documentModificationDate~}}

package/dist/views_static/components/page/story/story_article.hbs CHANGED Viewed

@@ -10,8 +10,8 @@
         {{#with this.teaseritem }}
             {{#if this.isImage}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="article-breakout !mb-0"
-                    _cssClassCaption=""
+                    _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
+                    _cssClassCaption="mx-5 md:mx-0"
                     _type="story"
                     _variant="100-top"
                     _pictureAddClass="ar-16-9"

package/dist/views_static/components/program_supplier/program_supplier.hbs CHANGED Viewed

@@ -3,7 +3,7 @@
     <div class='flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2'>
         {{#if this.link}}
-            {{#>components/base/link _link=this.link _cssClasses='programReference__link'}}
+            {{#>components/base/link _link=this.link }}
                 {{#if this.content.programLogo}}
                     {{#with this.content.programLogo}}
                         <img

package/package.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.59.7",
+    "version": "1.59.9",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/css/custom-utilities.css CHANGED Viewed

@@ -174,9 +174,9 @@
         }
     }
     .grid-article {
-        --mobile-padding: 1.25rem;
-        --desktop-padding: 40px;
-        --narrow-max-width: 726px;
+        --mobile-padding: theme(margin.5);
+        --desktop-padding: theme(margin.10);
+        --narrow-max-width: calc(var(--breakpoint-md) - (var(--mobile-padding) * 2));
         --content-max-width: 940px;
         --breakout-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);

package/src/assets/fixtures/page/metadatabox.json ADDED Viewed

@@ -0,0 +1,18 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_more_authors.json ADDED Viewed

@@ -0,0 +1,42 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": true,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "authorItems": [
+        {
+            "hasProfileLink": false,
+            "from": "Von",
+            "textAfterAuthor": "Horst Schlämmer",
+            "delimiter": ", "
+        },
+        {
+            "hasProfileLink": false,
+            "from": "",
+            "textAfterAuthor": "Karl Dall",
+            "delimiter": " und "
+        },
+        {
+            "hasProfileLink": true,
+            "from": "",
+            "authorName": "Peter Lustig",
+            "delimiter": "",
+            "link": {
+                "url": "/author-url",
+                "isTargetBlank": false
+            }
+        }
+    ],
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_more_authors_comments.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": true,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "userComments": {
+        "HasOneComment": false,
+        "quantity": "117"
+    },
+    "authorItems": [
+        {
+            "hasProfileLink": false,
+            "from": "Von",
+            "textAfterAuthor": "Horst Schlämmer",
+            "delimiter": ", "
+        },
+        {
+            "hasProfileLink": false,
+            "from": "",
+            "textAfterAuthor": "Karl Dall",
+            "delimiter": " und "
+        },
+        {
+            "hasProfileLink": true,
+            "from": "",
+            "authorName": "Peter Lustig",
+            "delimiter": "",
+            "link": {
+                "url": "/author-url",
+                "isTargetBlank": false
+            }
+        }
+    ],
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorImage": {
+        "@->jsoninclude": "page/story/story_images.inc.json",
+        "@->contentpath": "author",
+        "@->replaceToken": [
+            {
+                "@->token": "image",
+                "@->value": "mitarbeiter-portraet-steffen-rebhahn-106"
+            }
+        ]
+    },
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author_comments.json ADDED Viewed

@@ -0,0 +1,35 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "userComments": {
+        "HasOneComment": false,
+        "quantity": "117"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorImage": {
+        "@->jsoninclude": "page/story/story_images.inc.json",
+        "@->contentpath": "author",
+        "@->replaceToken": [
+            {
+                "@->token": "image",
+                "@->value": "mitarbeiter-portraet-steffen-rebhahn-106"
+            }
+        ]
+    },
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/fixtures/page/metadatabox_one_author_without_picture.json ADDED Viewed

@@ -0,0 +1,21 @@
+{
+    "_showDate": true,
+    "hasMoreThanOneAuthor": false,
+    "hasDwellTime": true,
+    "documentModificationDate": {
+        "isModificationDate": false,
+        "isPublicationDate": true,
+        "htmlDateTime": "2024-02-15T19:30+0200",
+        "date": "15.02.24",
+        "time": "19:30"
+    },
+    "authorTitle": "Steffen Rebhahn",
+    "authorUrl": "/author-url",
+    "webviewAuthorUrl": "webview-author-url",
+    "socialSharing": {
+        "twitterLink": "/twitterLink-url",
+        "facebookLink": "/facebookLink-url",
+        "whatsappLink": "/whatsappLink-url",
+        "mailtoLink": "/mailtoLink-url"
+    }
+}

package/src/assets/tailwind.css CHANGED Viewed

@@ -7,6 +7,12 @@
 /*! purgecss start ignore */
 :root,
 [data-theme='default'] {
+    --breakpoint-xs:  theme(screens.xs);
+    --breakpoint-sm480: theme(screens.sm480);
+    --breakpoint-sm: theme(screens.sm);
+    --breakpoint-md: theme(screens.md);
+    --breakpoint-lg: theme(screens.lg);
     --color-primary-ds: theme('colors.blue.congress');
     --color-secondary-ds: #606060;
     --color-highlight-1: theme('colors.blue.accented');

package/src/stories/views/components/content/copytext/components/contentbox/storybook-contentbox.hbs CHANGED Viewed

@@ -20,8 +20,8 @@
                     _isWebview=../../_isWebview}}
             {{else}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="!mt-5 !mb-0 !mx-0"
-                    _cssClassCaption="!mx-0"
+                    _cssClass="mt-5 mb-0"
+                    _cssClassCaption=""
                     _type="story"
                     _variant="100-copytext"
                     _pictureAddClass="ar-16-9"

package/src/stories/views/components/content/copytext/components/filedownload.hbs CHANGED Viewed

@@ -22,8 +22,8 @@
     {{/with}}
     {{~#with this.teaseritem }}
         {{> components/content/copytext/components/image/figure
-            _cssClass="!mt-5 !mb-0 !mx-0"
-            _cssClassCaption="!mx-0"
+            _cssClass="mt-5 mb-0"
+            _cssClassCaption=""
             _type="story"
             _variant="copytext"
             _pictureAddClass="ar-16-9"

package/src/stories/views/components/content/copytext/components/image/figcaption.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mx-4 mt-3 text-xs sm480:mx-0 sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 text-xs sm480:mt-4 sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{
                 open: false,
                 truncated: true,

package/src/stories/views/components/content/copytext/components/image/figure.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<figure class="relative my-6 sm480:my-7 -mx-4 sm480:mx-0 {{#if _cssClasses}} {{_cssClasses}}{{/if}} {{_cssClass}}">
+<figure class="relative{{#if _cssClass}} {{_cssClass}}{{/if}}">
     {{#if _noAr }}
         {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
     {{else}}

package/src/stories/views/components/content/copytext/components/image/image.hbs CHANGED Viewed

@@ -1,14 +1,14 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext-portrait"
                 _noAr="true"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext-portrait"
                 _noAr="true"
@@ -17,14 +17,14 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="clear-both"
+                _cssClass="my-6 sm480:my-7 clear-both"
                 _type="story"
                 _variant="100-copytext"
                 _pictureAddClass="ar-16-9"
                 _isWebview=../../_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure
-                _cssClass="sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="my-6 sm480:my-7 sm480:mr-5 sm480:w-1/2 w-auto flex-col float-none sm480:float-left break-inside-avoid page-break-inside-avoid"
                 _type="story"
                 _variant="copytext"
                 _pictureAddClass="ar-16-9"

package/src/stories/views/components/content/copytext/components/infobox.hbs CHANGED Viewed

@@ -16,14 +16,14 @@
             {{#if this.showPortrait.isTrue }}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
+                        _cssClass="mt-5 mb-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
+                        _cssClass="my-0"
                         _type="story"
                         _variant="copytext-portrait"
                         _noAr="true"
@@ -32,16 +32,16 @@
             {{else}}
                 {{~#if ../this.paragraphProperties.[0].title}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-5 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="mt-5 mb-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"
                         _isWebview=../../_isWebview}}
                 {{else}}
                     {{> components/content/copytext/components/image/figure
-                        _cssClass="!mt-0 !mb-0 !mx-0"
-                        _cssClassCaption="!mx-0"
+                        _cssClass="my-0"
+                        _cssClassCaption=""
                         _type="story"
                         _variant="100-copytext"
                         _pictureAddClass="ar-16-9"

package/src/stories/views/components/page/components/author.hbs CHANGED Viewed

@@ -1,7 +1,7 @@
 {{#if this.hasMoreThanOneAuthor}}
     {{#with this.authorItems}}
-        <p class="mb-1 text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+        <p class="mb-1 text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
             {{#each this}}
                 {{#if this.hasProfileLink}}
                     {{this.from}}
@@ -21,17 +21,18 @@
 {{else}}
     {{#if this.authorTitle~}}
-        <div class="flex items-center h-10">
+        <div class="flex items-center {{#if this.authorImage.isImage}}h-10{{else}}mb-1{{/if}}">
             {{#if this.authorImage.isImage}}
                 <div class="w-10 h-10 mr-4 basis-10 grow-0">
                     {{~> components/base/image/responsive_image this.authorImage
                             _type="profile"
                             _variant="ticker"
                             _addClass=""
-                            _addClassImg="ar-1-1 rounded-full" ~}}
+                            _addClassImg="ar-1-1 rounded-full"
+                            _noDelay=true ~}}
                 </div>
             {{/if}}
-            <div class="self-start text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
+            <div class="self-start text-xs sm480:text-sm basis-0 grow font-headingSerif text-gray-scorpion dark:text-text-dark">
                 {{#unless _hideFrom }}Von{{/unless}}
                 {{#if this.authorUrl~}}
                     <a href="{{this.authorUrl}}" {{#with this.webviewAuthorUrl}}data-webviewurl="{{this}}"{{/with}} class="text-link hover:underline dark:text-link-dark ">{{this.authorTitle}}</a>

package/src/stories/views/components/page/components/commentlink.hbs CHANGED Viewed

@@ -1,8 +1,8 @@
 {{#with this.userComments ~}}
-    <div class="{{#unless ../this.hasMoreThanOneAuthor}}ml-14 {{/unless}}mt-2 -mb-1">
+    <div class="{{#unless ../this.hasMoreThanOneAuthor}}{{#if ../this.authorImage.isImage}}ml-14 {{/if}}{{/unless}}mt-0 sm480:mt-1 -mb-1">
         <span class="relative z-30 whitespace-nowrap">
-            <a class="text-sm font-headingSerif text-link hover:underline" href="#commentList">
-                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link fill-current"}}
+            <a class="text-xs sm480:text-sm font-headingSerif text-link hover:underline dark:text-link-dark" href="#commentList">
+                {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-link dark:text-link-dark fill-current"}}
                 <span class="sr-only">{{loca "comment_anchor_1"}}</span>
                 <span class="text-link">{{this.quantity}}</span>
                 {{#if this.hasOneComment}}

package/src/stories/views/components/page/components/metadatabox.hbs CHANGED Viewed

@@ -1,6 +1,6 @@
 <div class="clear-both mt-3 border-y border-gray-scorpion">
     <div class="flex clear-both w-full my-2 sm:my-4">
-        <div>
+        <div class="self-center">
             {{> components/page/components/author _hideFrom=false }}
             {{#if _showDate }}

package/src/stories/views/components/page/components/metadatabox.mdx ADDED Viewed

@@ -0,0 +1,29 @@
+import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
+import * as MetadataboxStories from './metadatabox.stories'
+<Meta of={MetadataboxStories} />
+# Metadaten-Box
+## Beschreibung
+Die Metadaten-Box enthält folgende Elemente:
+- Autor-Name(n)
+- Autor-Bild (wenn nur ein Autor)
+- Aktualisierungs- oder Veröffentlichungsdatum
+- Anker-Link zu den Kommentaren
+- social-sharing-buttons
+## Verwendung
+Die Metadatenbox-Komponente wird in handlebars wie folgt eingebaut:
+```html
+{{> components/page/components/metadatabox _showDate=true|false }}
+```
+<Canvas withToolbar>
+    <Story of={MetadataboxStories.Default} />
+</Canvas>
+<ArgsTable story="default" />

package/src/stories/views/components/page/components/metadatabox.stories.js ADDED Viewed

@@ -0,0 +1,67 @@
+import metadatabox_template from './metadatabox.hbs'
+import metadatabox_json from '../fixtures/metadatabox.json'
+import metadatabox_one_author_json from '../fixtures/metadatabox_one_author.json'
+import metadatabox_one_author_without_picture_json from '../fixtures/metadatabox_one_author_without_picture.json'
+import metadatabox_one_author_comments_json from '../fixtures/metadatabox_one_author_comments.json'
+import metadatabox_more_authors_json from '../fixtures/metadatabox_more_authors.json'
+import metadatabox_more_authors_comments_json from '../fixtures/metadatabox_more_authors_comments.json'
+const Template = ({ ...args }) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<span>${topline}</span>`;
+    return metadatabox_template({ ...args })
+}
+export default {
+    title: 'Seiten/Komponenten/Metadaten-Box',
+    argTypes: {
+        _showDate: {
+            control: 'boolean',
+            description: 'Datum anzeigen',
+        },
+    },
+    decorators: [
+        (Story) => {
+            return `<div class="max-w-[724px] mx-auto mt-10">
+             ${Story()}
+             </div>`
+        },
+    ],
+}
+export const Default = {
+    render: Template.bind({}),
+    name: 'Nur Datum',
+    args: metadatabox_json,
+}
+export const WithOneAuthor = {
+    render: Template.bind({}),
+    name: 'Ein Autor',
+    args: metadatabox_one_author_json,
+}
+export const WithOneAuthorWithoutPicture = {
+    render: Template.bind({}),
+    name: 'Ein Autor ohne Bild',
+    args: metadatabox_one_author_without_picture_json,
+}
+export const WithMoreAuthors = {
+    render: Template.bind({}),
+    name: 'Mehrere Autoren',
+    args: metadatabox_more_authors_json,
+}
+export const WithOneAuthorAndComments = {
+    render: Template.bind({}),
+    name: 'Ein Autor und Kommentar-Link',
+    args: metadatabox_one_author_comments_json,
+}
+export const WithMoreAuthorsAndComments = {
+    render: Template.bind({}),
+    name: 'Mehrere Autoren und Kommentar-Link',
+    args: metadatabox_more_authors_comments_json,
+}

package/src/stories/views/components/page/components/publicationdate.hbs CHANGED Viewed

@@ -1,4 +1,4 @@
-<div class="{{#unless this.hasMoreThanOneAuthor}}-mt-5 ml-14 {{/unless}}text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
+<div class="{{#unless this.hasMoreThanOneAuthor}}{{#if this.authorImage.isImage}}-mt-5 ml-14 {{/if}}{{/unless}}text-xs sm480:text-sm font-headingSerif text-gray-scorpion dark:text-text-dark">
     {{#with this.documentModificationDate~}}

package/src/stories/views/components/page/fixtures/metadatabox.json ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_more_authors.json ADDED Viewed

@@ -0,0 +1 @@

+ {"_showDate":true,"hasMoreThanOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorItems":[{"hasProfileLink":false,"from":"Von","textAfterAuthor":"Horst Schlämmer","delimiter":", "},{"hasProfileLink":false,"from":"","textAfterAuthor":"Karl Dall","delimiter":" und "},{"hasProfileLink":true,"from":"","authorName":"Peter Lustig","delimiter":"","link":{"url":"/author-url","isTargetBlank":false}}],"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_more_authors_comments.json ADDED Viewed

@@ -0,0 +1 @@

+ {"_showDate":true,"hasMoreThanOneAuthor":true,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"authorItems":[{"hasProfileLink":false,"from":"Von","textAfterAuthor":"Horst Schlämmer","delimiter":", "},{"hasProfileLink":false,"from":"","textAfterAuthor":"Karl Dall","delimiter":" und "},{"hasProfileLink":true,"from":"","authorName":"Peter Lustig","delimiter":"","link":{"url":"/author-url","isTargetBlank":false}}],"socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author.json ADDED Viewed

@@ -0,0 +1 @@

+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"authorTitle":"Steffen Rebhahn","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author_comments.json ADDED Viewed

@@ -0,0 +1 @@

+ {"_showDate":true,"hasMoreThanOneAuthor":false,"hasDwellTime":true,"documentModificationDate":{"isModificationDate":false,"isPublicationDate":true,"htmlDateTime":"2024-02-15T19:30+0200","date":"15.02.24","time":"19:30"},"userComments":{"HasOneComment":false,"quantity":"117"},"authorTitle":"Steffen Rebhahn","authorImage":{"isImage":true,"caption":"Steffen Rebhahn","copyrightWithLinks":"hr","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1_small.jpg","sources":[{"sizes":"50px","srcset":"images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__xsmall.jpg 260w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__small.jpg 380w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__medium.jpg 480w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1.jpg 720w, images/mitarbeiter-portraet-steffen-rebhahn-106_v-1to1__large.jpg 960w"}]}},"authorUrl":"/author-url","webviewAuthorUrl":"webview-author-url","socialSharing":{"twitterLink":"/twitterLink-url","facebookLink":"/facebookLink-url","whatsappLink":"/whatsappLink-url","mailtoLink":"/mailtoLink-url"}}

package/src/stories/views/components/page/fixtures/metadatabox_one_author_without_picture.json ADDED Viewed

@@ -0,0 +1 @@

package/src/stories/views/components/page/story/story_article.hbs CHANGED Viewed

@@ -10,8 +10,8 @@
         {{#with this.teaseritem }}
             {{#if this.isImage}}
                 {{> components/content/copytext/components/image/figure
-                    _cssClass="article-breakout !mb-0"
-                    _cssClassCaption=""
+                    _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
+                    _cssClassCaption="mx-5 md:mx-0"
                     _type="story"
                     _variant="100-top"
                     _pictureAddClass="ar-16-9"

package/src/stories/views/components/page/story/story_main.stories.js CHANGED Viewed

@@ -17,5 +17,12 @@ export const Default = {
     args: story_json,
     parameters: {
         layout: 'fullscreen',
-    }
+    },
+    decorators: [
+        (Story) => {
+            return `<div class="grid grid-page">
+                        ${Story()}
+                    </div>`
+        },
+    ],
 }

package/src/stories/views/components/program_supplier/program_supplier.hbs CHANGED Viewed

@@ -3,7 +3,7 @@
     <div class='flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2'>
         {{#if this.link}}
-            {{#>components/base/link _link=this.link _cssClasses='programReference__link'}}
+            {{#>components/base/link _link=this.link }}
                 {{#if this.content.programLogo}}
                     {{#with this.content.programLogo}}
                         <img