hr-design-system-handlebars 0.119.2 → 0.120.1

package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,12 +1,14 @@
-{{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
-        {{~#if this.hasGroupTitle}}
-            <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl{{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
-                    {{this.groupTitle}}
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </{{if this.headlineTag this.headlineTag "h2"}}>
-        {{/if}}  
-        <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
-            {{~> components/teaser/teaser_logic/teaser_logic ~}}
-        </div>
-{{/components/grid/grid_group}}
+{{#if this.hasGroupItems}}
+    {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
+            {{~#if this.hasGroupTitle}}
+                <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl{{#unless this.isRelatedContent}} md:text-4xl{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
+                        {{this.groupTitle}}
+                    {{~#if this.hasLink}}</a>{{/if~}}
+                </{{if this.headlineTag this.headlineTag "h2"}}>
+            {{/if}}  
+            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
+                {{~> components/teaser/teaser_logic/teaser_logic ~}}
+            </div>
+    {{/components/grid/grid_group}}
+{{/if}}

package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -1,12 +1,14 @@
-{{#>components/grid/grid_group size=this.teaserSize }}
-    <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 p-8 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl gap-x-6 gap-y-5">
-        {{~#if this.hasGroupTitle}}
-            <h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
-                {{this.groupTitle}}
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </h2>
-        {{/if}}
-        {{~> components/teaser/teaser_logic/teaser_logic ~}}
-    </div>
-{{/components/grid/grid_group}}
+{{#if this.hasGroupItems}}
+    {{#>components/grid/grid_group size=this.teaserSize }}
+        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 p-8 rounded-tr-none rounded-bl-none bg-highlight-1 rounded-3xl gap-x-6 gap-y-5">
+            {{~#if this.hasGroupTitle}}
+                <h2 class="text-2xl md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
+                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
+                    {{this.groupTitle}}
+                    {{~#if this.hasLink}}</a>{{/if~}}
+                </h2>
+            {{/if}}
+            {{~> components/teaser/teaser_logic/teaser_logic ~}}
+        </div>
+    {{/components/grid/grid_group}}
+{{/if}}

package/src/stories/views/components/teaser/teaser_poster.hbs

@@ -1,4 +1,4 @@
-<article class="mx-5 sm:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.teaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
+<article class="mx-5 sm:mx-0 relative col-span-12 flex gap-y-5 gap-x-4 {{inline-switch this.realTeaserSize '["33","50"]' '["md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
     <figure class="ar-1-1" aria-hidden="true">
         {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 
@@ -17,6 +17,6 @@
             _teaserType=this.teaserType 
             _font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}   
         {{/decorator}}
-        {{~> components/button/button_pseudo _type="hollow-white" _withLink=true _isLinkAriaHidden=true _linkCss="ds-cta absolute flex w-full h-full items-end justify-center" _buttonCss=(inline-switch this.teaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _buttonText=this.link.readMoreText.readMoreLong ~}} 
+        {{~> components/button/button_pseudo _type="hollow-white" _withLink=true _isLinkAriaHidden=true _linkCss="ds-cta absolute flex w-full h-full items-end justify-center" _buttonCss=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _buttonText=this.link.readMoreText.readMoreLong ~}} 
     </div>
 </article>