hr-design-system-handlebars 1.43.1 → 1.45.0

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

@@ -1,78 +1,78 @@
-<div class="w-full flex first:border-t last:border-b py-6 border-dotted border-[#797979] -socialsharing">
-    <div class="flex flex-wrap">
-        <span class="inline-flex text-xl font-headingSerif">{{loca "share_headline" }}</span>
-
-        <ul class="flex flex-wrap w-full pt-2 gap-x-2 gap-y-2 -socialsharing">
-            {{~#with this.twitterLink ~}}
-                <li>
-                    <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
-                       href="{{this}}"
-                       target="_blank"
-                       rel="noopener noreferrer"
-                       title="{{loca "share_twitter_linktitle" }}"
-                        {{#with ../../this.content.trackingData}}
-                       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" ~}}
-                    </a>
-                </li>
-            {{~/with~}}
-            {{~#with this.facebookLink ~}}
-                <li>
-                    <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
-                       href="{{this}}"
-                       target="_blank"
-                       rel="noopener noreferrer"
-                       title="{{loca "share_facebook_linktitle" }}"
-                        {{#with ../../this.content.trackingData}}
-                       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" ~}}
-                    </a>
-                </li>
-            {{~/with~}}
-            {{~#with this.whatsappLink ~}}
-                <li>
-                    <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
-                       href="{{this}}"
-                       target="_blank"
-                       rel="noopener noreferrer"
-                       title="{{loca "share_whatsapp_linktitle" }}"
-                        {{#with ../../this.content.trackingData}}
-                       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" ~}}
-                    </a>
-                </li>
-            {{~/with~}}
-            {{~#with this.mailtoLink ~}}
-                <li>
-                    <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
-                       href="{{this}}"
-                       title="{{loca "share_mail_linktitle" }}"
-                        {{#with ../../this.content.trackingData}}
-                       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" ~}}
-                    </a>
-                </li>
-            {{~/with~}}
+<div class="-socialsharing">
+    <div class="block">    
+    <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "share_headline" }}</span>
 
+    <ul class="flex flex-wrap pt-2 w-fit sm:w-full gap-x-6 sm:gap-x-2 gap-y-2">
+        {{~#with this.twitterLink ~}}
             <li>
-                <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
-                   href="javascript:window.print()"
-                   title="{{loca "share_print_linktitle" }}"
-                    {{#with ../this.content.trackingData}}
-                   data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
+                <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
+                    href="{{this}}"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    title="{{loca "share_twitter_linktitle" }}"
+                    {{#with ../../this.content.trackingData}}
+                    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-[#606060]" _icon="print" _iconmap="icons" ~}}
+                    {{~> components/base/image/icon _addClass="w-8 h-8 rounded-lg fill-[#55acee]" _icon="twitter" _iconmap="icons" ~}}
                 </a>
             </li>
-        </ul>
+        {{~/with~}}
+        {{~#with this.facebookLink ~}}
+            <li>
+                <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
+                    href="{{this}}"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    title="{{loca "share_facebook_linktitle" }}"
+                    {{#with ../../this.content.trackingData}}
+                    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" ~}}
+                </a>
+            </li>
+        {{~/with~}}
+        {{~#with this.whatsappLink ~}}
+            <li>
+                <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
+                    href="{{this}}"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    title="{{loca "share_whatsapp_linktitle" }}"
+                    {{#with ../../this.content.trackingData}}
+                    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" ~}}
+                </a>
+            </li>
+        {{~/with~}}
+        {{~#with this.mailtoLink ~}}
+            <li>
+                <a class="{{#with ../../this.content.trackingData}} js-load{{/with}}"
+                    href="{{this}}"
+                    title="{{loca "share_mail_linktitle" }}"
+                    {{#with ../../this.content.trackingData}}
+                    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" ~}}
+                </a>
+            </li>
+        {{~/with~}}
+
+        <li>
+            <a class="{{#with ../this.content.trackingData}} js-load{{/with}}"
+                href="javascript:window.print()"
+                title="{{loca "share_print_linktitle" }}"
+                {{#with ../this.content.trackingData}}
+                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" ~}}
+            </a>
+        </li>
+    </ul>
     </div>
 </div>

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

@@ -0,0 +1,18 @@
+<div class="appendix__entry">
+    <nav class="block" role="navigation" aria-label="{{loca "topictag_related_content_headline"}}">
+        <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "topictag_related_content_headline"}}</span><!--
+        -->
+        <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}}">
+                        {{~> components/base/image/icon _icon="taglabel" _addClass="w-5 h-5 fill-current"~}}
+
+                        {{~this.title~}}
+
+                    </a>
+                </li>
+            {{~/each~}}
+        </ul>
+    </nav>
+</div>