npm - hr-design-system-handlebars - Versions diffs - 1.59.13 → 1.59.15 - Mend

hr-design-system-handlebars 1.59.13 → 1.59.15

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 (49) hide show

package/dist/assets/index.css CHANGED Viewed

@@ -998,6 +998,9 @@ article.indexText ul {
 .-left-5 {
   left: -1.25rem;
 }
+.-left-8 {
+  left: -2rem;
+}
 .bottom-0 {
   bottom: 0px;
 }
@@ -1023,9 +1026,6 @@ article.indexText ul {
 .left-2\/4 {
   left: 50%;
 }
-.left-5 {
-  left: 1.25rem;
-}
 .left-\[4px\] {
   left: 4px;
 }
@@ -1421,6 +1421,9 @@ article.indexText ul {
 .mt-7\.5 {
   margin-top: 1.875rem;
 }
+.mt-9 {
+  margin-top: 2.25rem;
+}
 .mt-\[1px\] {
   margin-top: 1px;
 }
@@ -1520,6 +1523,9 @@ article.indexText ul {
 .h-5 {
   height: 1.25rem;
 }
+.h-52 {
+  height: 13rem;
+}
 .h-6 {
   height: 1.5rem;
 }
@@ -3275,7 +3281,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1709114546592;
+  counter-reset: cnt1709140690568;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3581,7 +3587,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1709114546592 1;
+  counter-increment: cnt1709140690568 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3597,7 +3603,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1709114546592);
+  content: counter(cnt1709140690568);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5087,6 +5093,22 @@ article.indexText ul {
   --tw-bg-opacity: 1;
   background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
 }
+.hover\:fill-\[\#0f1419\]:hover {
+  fill: #0f1419;
+}
+.hover\:fill-\[\#3b5999\]:hover {
+  fill: #3b5999;
+}
+.hover\:fill-\[\#4dc247\]:hover {
+  fill: #4dc247;
+}
+.hover\:fill-black:hover {
+  fill: #000000;
+}
+.hover\:fill-link-dark:hover {
+  fill: #006eb7;
+  fill: var(--color-link-dark);
+}
 .hover\:fill-media-button:hover {
   fill: #276b9e;
   fill: var(--color-media-button);

package/dist/views/components/page/index/page_offline.hbs ADDED Viewed

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html
+    class="no-js no-js-burgerMenu preload noMicroInteraction"
+    data-theme="hessenschau"
+    lang="de"
+>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+        <title>hessenschau.de | Nachrichten aus Hessen</title>
+        <meta name="application-name" content="hessenschau.de" />
+        <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
+        <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
+        <meta name="publisher" content="hessenschau.de" />
+        <meta name="language" content="Deutsch" />
+    </head>
+    <body itemscope itemtype="http://schema.org/WebPage">
+        <div class="js-pageSwap">
+            {{> components/site_header/offline_header }}
+            <main
+                onclick="void(0)"
+                role="main"
+                id="content"
+                class="flex items-center justify-center"
+            >
+                <div class="grid grid-page flex items-center flex-wrap justify-center">
+                    <div class="{{> components/grid/grid_group_wrapper_classes }}">
+                        <section class="grid items-center justify-center grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6">
+                            <div class="items-start relative col-span-12 flex gap-y-3 gap-x-4 flex-col">
+                                <div>
+                                    <div class="flex justify-center flex-wrap text-center">
+                                        {{> components/base/image/icon _icon="hilfe" _addClass="size-full h-52" _iconmap="404"~}}
+                                        </div>
+                                        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark flex justify-center flex-wrap text-center mt-9">
+                                             {{loca "offline_page_info_text"}}
+                                        </h3>
+                                        <div class="flex justify-center flex-wrap text-center mt-9" >
+                                        {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" }}
+                                        {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                        {{#*inline "htmlProperties"}}
+                                            onClick="window.location.reload();"
+                                        {{/inline}}
+                                        {{/components/button/button}}
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </body>
+</html>

package/dist/views/components/site_header/offline_header.hbs ADDED Viewed

@@ -0,0 +1,33 @@
+<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="{{#if _useSticky}}start(){{/if}}">
+    <header class="print:hidden relative z-110 {{#if _useSticky}}{{#if this.hasOpenSubNavigation}}lg:h-header-lg-big {{else}}lg:h-header-lg-small {{/if}}{{else}}lg:h-auto {{/if}}md:h-header-md h-header-sm">
+        <div x-data
+            id="headerWrapper"
+            @resize.window="resetNav()"
+            :class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : ''  "
+            class="{{#if _useSticky }}fixed top-0 left-0{{/if}} flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full ">
+            <div id="serviceNavWrapper"
+                :class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
+                class="relative flex justify-center order-2 w-full transition-[margin-top] duration-250 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120">
+                <div id="serviceNavMainContainer"
+                    class="flex w-full h-10 lg:container md:h-12 lg:px-10 lg:h-16 z-110">
+                    <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span>
+                    <div id="serviceLogoWrapper"
+                        class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 bg-navigation-bg md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">
+                        {{> components/site_header/service_logo _useSticky=_useSticky}}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">
+        <img loading="lazy"
+            alt="{{loca "header_homepage_link_title"}}"
+            src="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg" _brand=(if this.brand this.brand)}}"
+            />
+    </div>
+</div>

package/dist/views/components/social_sharing/social_sharing_compact.hbs CHANGED Viewed

@@ -1,6 +1,7 @@
 <div x-data="{
         open: false,
         sharingIsVisible: true,
+        isDesktop: true,
         toggle() {
             var isMobileApple = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
             var isMobileOther= navigator.userAgent.match(/(Android)|(webOS)|(Blackberry)|(Windows Phone)/i);
@@ -28,8 +29,13 @@
             this.open = false
             focusAfter && focusAfter.focus()
+        },
+        checkIfDesktop() {
+            this.isDesktop = (window.innerWidth >= 768) ? true : false
         }
     }"
+    x-init = "checkIfDesktop()"
+    x-on:resize.window = "checkIfDesktop()"
     x-on:keydown.escape.prevent.stop="close($refs.button)"
     x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
     x-id="['dropdown-button']"
@@ -37,13 +43,17 @@
     x-intersect:leave="sharingIsVisible = false"
     x-intersect:enter="sharingIsVisible = true"
 >
-    <div x-text="sharingIsVisible" class="fixed left-1 top-1"></div>
+    <div class="fixed left-1 top-1">
+        sharingIsVisible:<span x-text="sharingIsVisible" ></span><br>
+        open:<span x-text="open" ></span><br>
+        isDesktop:<span x-text="isDesktop" ></span>
+    </div>
     <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 left-5 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
                 <button
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
-                    :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+                    x-show="!isDesktop"
                     x-ref="button"
                     x-on:click="toggle()"
                     :aria-expanded="open"
@@ -55,11 +65,10 @@
                 <!-- Panel -->
                 <div
                     x-ref="panel"
-                    x-show="open"
+                    x-show="open || isDesktop"
                     x-transition.origin.right
                     x-on:click.outside="close($refs.button)"
                     :id="$id('dropdown-button')"
-                    style="display: none;"
                     class="bg-white"
                 >
                     <ul class="flex gap-3"  :class="{ 'flex-col': ! sharingIsVisible }">

package/dist/views/components/social_sharing/social_sharing_compact_icons.hbs CHANGED Viewed

@@ -1,6 +1,6 @@
 <li>
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -9,12 +9,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#0f1419] " _icon="x" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#0f1419] " _icon="x-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -23,12 +23,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#3b5999] " _icon="facebook" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#3b5999] " _icon="facebook-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -37,30 +37,30 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#4dc247] " _icon="whatsapp" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#4dc247] " _icon="whatsapp-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         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-full h-full fill-[#006dc1] " _icon="mail" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-black " _icon="kontakt-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         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-full h-full fill-[#606060] " _icon="print" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-link-dark " _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>

package/dist/views_static/components/page/index/page_offline.hbs ADDED Viewed

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html
+    class="no-js no-js-burgerMenu preload noMicroInteraction"
+    data-theme="hessenschau"
+    lang="de"
+>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+        <title>hessenschau.de | Nachrichten aus Hessen</title>
+        <meta name="application-name" content="hessenschau.de" />
+        <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
+        <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
+        <meta name="publisher" content="hessenschau.de" />
+        <meta name="language" content="Deutsch" />
+    </head>
+    <body itemscope itemtype="http://schema.org/WebPage">
+        <div class="js-pageSwap">
+            {{> components/site_header/offline_header }}
+            <main
+                onclick="void(0)"
+                role="main"
+                id="content"
+                class="flex items-center justify-center"
+            >
+                <div class="grid grid-page flex items-center flex-wrap justify-center">
+                    <div class="{{> components/grid/grid_group_wrapper_classes }}">
+                        <section class="grid items-center justify-center grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6">
+                            <div class="items-start relative col-span-12 flex gap-y-3 gap-x-4 flex-col">
+                                <div>
+                                    <div class="flex justify-center flex-wrap text-center">
+                                        {{> components/base/image/icon _icon="hilfe" _addClass="size-full h-52" _iconmap="404"~}}
+                                        </div>
+                                        <h3 class="text-lg sm480:text-2xl font-headingSerif dark:text-text-dark flex justify-center flex-wrap text-center mt-9">
+                                             {{loca "offline_page_info_text"}}
+                                        </h3>
+                                        <div class="flex justify-center flex-wrap text-center mt-9" >
+                                        {{#> components/button/button _size="lg" _title="Weitere Episoden laden" _type="button" _css="js-load-remaining-items-button" }}
+                                        {{> components/button/components/button_label _label="Erneut versuchen"}}
+                                        {{#*inline "htmlProperties"}}
+                                            onClick="window.location.reload();"
+                                        {{/inline}}
+                                        {{/components/button/button}}
+                                    </div>
+                                </div>
+                            </div>
+                        </section>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </body>
+</html>

package/dist/views_static/components/site_header/offline_header.hbs ADDED Viewed

@@ -0,0 +1,33 @@
+<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="{{#if _useSticky}}start(){{/if}}">
+    <header class="print:hidden relative z-110 {{#if _useSticky}}{{#if this.hasOpenSubNavigation}}lg:h-header-lg-big {{else}}lg:h-header-lg-small {{/if}}{{else}}lg:h-auto {{/if}}md:h-header-md h-header-sm">
+        <div x-data
+            id="headerWrapper"
+            @resize.window="resetNav()"
+            :class="shouldBrandNavBeHidden() ? '-mt-[33px] md:-mt-[33px]' : ''  "
+            class="{{#if _useSticky }}fixed top-0 left-0{{/if}} flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full ">
+            <div id="serviceNavWrapper"
+                :class="shouldServiceNavBeHidden() ? '-mt-40' : ''"
+                class="relative flex justify-center order-2 w-full transition-[margin-top] duration-250 ease-in-out border-b border-servicenavigation-border-color bg-navigation-bg z-120">
+                <div id="serviceNavMainContainer"
+                    class="flex w-full h-10 lg:container md:h-12 lg:px-10 lg:h-16 z-110">
+                    <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span>
+                    <div id="serviceLogoWrapper"
+                        class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 bg-navigation-bg md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">
+                        {{> components/site_header/service_logo _useSticky=_useSticky}}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <div class="justify-center hidden w-full scale-50 brand-logo_print print:flex">
+        <img loading="lazy"
+            alt="{{loca "header_homepage_link_title"}}"
+            src="{{resourceUrl "assets/base/icons/rsslogo/brandlogo--rss.jpg" _brand=(if this.brand this.brand)}}"
+            />
+    </div>
+</div>

package/dist/views_static/components/social_sharing/social_sharing_compact.hbs CHANGED Viewed

@@ -1,6 +1,7 @@
 <div x-data="{
         open: false,
         sharingIsVisible: true,
+        isDesktop: true,
         toggle() {
             var isMobileApple = navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)/i);
             var isMobileOther= navigator.userAgent.match(/(Android)|(webOS)|(Blackberry)|(Windows Phone)/i);
@@ -28,8 +29,13 @@
             this.open = false
             focusAfter && focusAfter.focus()
+        },
+        checkIfDesktop() {
+            this.isDesktop = (window.innerWidth >= 768) ? true : false
         }
     }"
+    x-init = "checkIfDesktop()"
+    x-on:resize.window = "checkIfDesktop()"
     x-on:keydown.escape.prevent.stop="close($refs.button)"
     x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
     x-id="['dropdown-button']"
@@ -37,13 +43,17 @@
     x-intersect:leave="sharingIsVisible = false"
     x-intersect:enter="sharingIsVisible = true"
 >
-    <div x-text="sharingIsVisible" class="fixed left-1 top-1"></div>
+    <div class="fixed left-1 top-1">
+        sharingIsVisible:<span x-text="sharingIsVisible" ></span><br>
+        open:<span x-text="open" ></span><br>
+        isDesktop:<span x-text="isDesktop" ></span>
+    </div>
     <div :class="{ 'grid grid-page z-100 fixed bottom-feature-box-height left-0 w-full': !sharingIsVisible }">
         <div class="" :class="{ 'flex justify-start col-full sm:col-main relative': !sharingIsVisible }">
-            <div class="flex gap-3" :class="{ 'bottom-5 left-5 flex-col absolute bg-white': !sharingIsVisible }">
+            <div class="flex gap-3" :class="{ 'bottom-5 -left-8 flex-col absolute bg-white': !sharingIsVisible }">
                 <button
                     class="order-2 w-8 h-8 ds-button font-heading active:scale-95 hover:scale-105 group"
-                    :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
+                    x-show="!isDesktop"
                     x-ref="button"
                     x-on:click="toggle()"
                     :aria-expanded="open"
@@ -55,11 +65,10 @@
                 <!-- Panel -->
                 <div
                     x-ref="panel"
-                    x-show="open"
+                    x-show="open || isDesktop"
                     x-transition.origin.right
                     x-on:click.outside="close($refs.button)"
                     :id="$id('dropdown-button')"
-                    style="display: none;"
                     class="bg-white"
                 >
                     <ul class="flex gap-3"  :class="{ 'flex-col': ! sharingIsVisible }">

package/dist/views_static/components/social_sharing/social_sharing_compact_icons.hbs CHANGED Viewed

@@ -1,6 +1,6 @@
 <li>
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -9,12 +9,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::X"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#0f1419] " _icon="x" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#0f1419] " _icon="x-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -23,12 +23,12 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::facebook"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#3b5999] " _icon="facebook" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#3b5999] " _icon="facebook-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         href="{{this}}"
         target="_blank"
         rel="noopener noreferrer"
@@ -37,30 +37,30 @@
             data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::whatsapp"}]}'
         {{/with}}
     >
-        {{~> components/base/image/icon _addClass="w-full h-full fill-[#4dc247] " _icon="whatsapp" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-[#4dc247] " _icon="whatsapp-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         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-full h-full fill-[#006dc1] " _icon="mail" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-black " _icon="kontakt-ds" _iconmap="icons" ~}}
     </a>
 </li>
 <li class="">
     <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
-        :class="{ 'w-8 h-8': sharingIsVisible, 'w-12 h-12': !sharingIsVisible }"
         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-full h-full fill-[#606060] " _icon="print" _iconmap="icons" ~}}
+        {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:fill-link-dark " _icon="copy-ds" _iconmap="icons" ~}}
     </a>
 </li>

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.13",
+    "version": "1.59.15",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

package/src/assets/brand/_default/conf/locatags.json CHANGED Viewed

@@ -45,6 +45,7 @@
     "group_tabbed_more": "weitere Meldungen aus {0}",
     "homepage_metatitle": "Nachrichten aus Hessen",
     "javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+    "offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
     "label_analysis": "Analyse",
     "label_audio": "Audio",
     "label_audio_event_livestream": "Livestream",

package/src/assets/brand/hessenschau/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr-werbung/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",

package/src/assets/brand/hr1/conf/locatags.merged.json CHANGED Viewed

@@ -45,6 +45,7 @@
 	"group_tabbed_more": "weitere Meldungen aus {0}",
 	"homepage_metatitle": "Nachrichten aus Hessen",
 	"javascript_disabled": "Keine Videowiedergabe möglich. Bitte aktivieren Sie Javascript oder deaktivieren Sie Tools, die die Scriptausführung im Browser unterbinden.",
+	"offline_page_info_text": "Keine Verbindung zum Server möglich. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.",
 	"label_analysis": "Analyse",
 	"label_audio": "Audio",
 	"label_audio_event_livestream": "Livestream",