hr-design-system-handlebars 1.47.0 → 1.48.0

package/src/stories/views/components/program_reference/program_reference.hbs

@@ -0,0 +1,23 @@
+<div class="flex flex-wrap ">
+    <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
+     -->
+    <div class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2">
+        {{#if this.link}}
+            {{#>components/base/link _link=this.link _css="programReference__link"}}
+                <img class="max-w-full" alt="{{defaultIfEmpty _logo ../this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo ../this.name}}.png">
+            {{/components/base/link}}
+        {{else}}
+            <img class="max-w-full" alt="{{defaultIfEmpty _logo this.name}}" src="{{resourceUrl "images/logos/"}}{{defaultIfEmpty _logo this.name}}.png">
+        {{/if}}
+        {{#if this.date}}
+            <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
+                  class="programReference__date text__byline">
+                {{#if this.displayWithTime}}
+                    {{loca "date_simple_at" this.date.dateSeparatorTime}}
+                {{else}}
+                    {{this.date.date}}
+                {{/if}}
+            </time>
+        {{/if}}
+    </div>
+</div>

package/src/stories/views/components/socialmedia/socialmedia.hbs

@@ -14,7 +14,7 @@
                     data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::twitter"}]}'
                     {{/with}}
                 >
-                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
+                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee] hover:scale-105" _icon="twitter" _iconmap="icons" ~}}
                 </a>
             </li>
         {{~/with~}}
@@ -29,7 +29,7 @@
                     data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
                     {{/with}}
                 >
-                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999]" _icon="facebook" _iconmap="icons" ~}}
+                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#3b5999] hover:scale-105" _icon="facebook" _iconmap="icons" ~}}
                 </a>
             </li>
         {{~/with~}}
@@ -44,7 +44,7 @@
                     data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
                     {{/with}}
                 >
-                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247]" _icon="whatsapp" _iconmap="icons" ~}}
+                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#4dc247] hover:scale-105" _icon="whatsapp" _iconmap="icons" ~}}
                 </a>
             </li>
         {{~/with~}}
@@ -57,7 +57,7 @@
                     data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::mailto"}]}'
                     {{/with}}
                 >
-                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1]" _icon="mail" _iconmap="icons" ~}}
+                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#006dc1] hover:scale-105" _icon="mail" _iconmap="icons" ~}}
                 </a>
             </li>
         {{~/with~}}
@@ -70,7 +70,7 @@
                 data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
                 {{/with}}
             >
-                {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060]" _icon="print" _iconmap="icons" ~}}
+                {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#606060] hover:scale-105" _icon="print" _iconmap="icons" ~}}
             </a>
         </li>
     </ul>

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

@@ -8,14 +8,16 @@
         }}
         '
 >
-    <h3
-        class='text-2xl md:text-4xl font-title
-            {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
-    >
-        {{this.title}}
-    </h3>
+    {{#if this.title}}
+        <h3
+            class='text-2xl md:text-4xl font-title
+                {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
+        >
+            {{this.title}}
+        </h3>
+    {{/if}}
     <p
-        class='mt-6 text-sm md:text-base font-copy
+        class='{{#if this.title}}mt-6 {{/if}}text-sm md:text-base font-copy
             {{~inline-switch this.teaserType '["highlighted"]' '[" text-white",""]'}}'
     >
         {{{this.shorttext}}}

package/src/stories/views/components/topictag/topictag_list.hbs

@@ -5,7 +5,7 @@
         <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
                 <li class="text-primary">
-                    <a class="flex items-center gap-x-1" href="{{this.url}}">
+                    <a class="flex items-center hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
 
                         {{~this.title~}}