hr-design-system-handlebars 1.88.1 → 1.88.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.88.3 (Sat Aug 03 2024)
+
+#### 🐛 Bug Fix
+
+- optimize print-view for article [#1039](https://github.com/mumprod/hr-design-system-handlebars/pull/1039) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.88.2 (Fri Aug 02 2024)
+
+#### 🐛 Bug Fix
+
+- :ok_hand: Remove bug causing import from filter feature [#1038](https://github.com/mumprod/hr-design-system-handlebars/pull/1038) ([@Sunny1112358](https://github.com/Sunny1112358))
+
+#### Authors: 1
+
+- [@Sunny1112358](https://github.com/Sunny1112358)
+
+---
+
 # v1.88.1 (Fri Aug 02 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3327,7 +3327,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1722602731623;
+  counter-reset: cnt1722677900217;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3735,7 +3735,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1722602731623 1;
+  counter-increment: cnt1722677900217 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3751,7 +3751,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1722602731623);
+  content: counter(cnt1722677900217);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5807,6 +5807,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     position: static;
   }
 
+  .print\:block {
+    display: block;
+  }
+
   .print\:flex {
     display: flex;
   }

package/dist/assets/js/components/event/filtererDs.feature.js

@@ -1,4 +1,3 @@
-import { color } from '@storybook/theming'
 import { pi, uxAction } from 'base/tracking/pianoHelper.subfeature'
 import { hr$, isString, listen, reinitializeFeature, simulateClickOn } from 'hrQuery'
 import $ from 'zepto-modules'

package/dist/views/components/content/copytext/components/accordion/accordion.hbs

@@ -1,7 +1,7 @@
 {{#if this.title}}
     <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
@@ -39,4 +39,17 @@
             {{#if @last}}</div></div><div class="w-full border-b border-gray-alto"></div>{{/if}}
         {{/if}}
     {{/each}}
+</div>
+<div class="hidden print:block border-y border-gray-alto">
+    {{#each this.copytextParagraph }} 
+        {{#if this.isHeadline}}
+            <h3 class="self-center my-5 text-lg font-normal font-headingSerif">{{{this.text}}}</h3>
+        {{else}}
+            {{#if (isStorybook)}}  
+                {{> components/content/copytext/components/accordion/accordion_item }}   
+            {{else}}            
+                {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
+            {{/if}} 
+        {{/if}}
+    {{/each}}
 </div>

package/dist/views/components/content/copytext/components/gallery.hbs

@@ -2,6 +2,6 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Gallery-component</div>
 {{~else~}}
     {{#with this.toModel.galleryPage}}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
+        {{> modules/media/media_figure _addClass="print:hidden copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
     {{/with}}
 {{~/if~}}    

package/dist/views/components/content/copytext/components/newsletter.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
 {{~else~}}
-    {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> modules/newsletter/newsletter _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}    

package/dist/views/components/content/copytext/components/podcastepisode.hbs

@@ -1,3 +1,3 @@
-<div class="{{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
+<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }} 
 </div>

package/dist/views/components/content/copytext/components/posterteaser.hbs

@@ -1,3 +1,3 @@
-<div class="article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

package/dist/views/components/content/copytext/components/voting.hbs

@@ -2,8 +2,8 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
 {{~else~}}
     {{#if this.isMultiVote}}
-        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{else}}
-        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{/if}}
 {{~/if~}}

package/dist/views/components/content/copytext/components/webform.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
 {{~else~}}
-    {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}     

package/dist/views/components/social_sharing/social_sharing_copytext.hbs

@@ -2,7 +2,7 @@
     <div 
         x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" 
         x-init="" 
-        class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
+        class="print:hidden {{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
         x-data="socialSharingHandler('vertical-desktop')"
         x-intersect="sharingModuleShown()"
         ax-load 

package/dist/views/components/social_sharing/social_sharing_horizontal.hbs

@@ -2,7 +2,7 @@
     <div 
         x-data="socialSharingHandler('metadatabox')"
         x-init="$watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})"
-        class="flex self-center justify-end ml-3 grow"
+        class="flex self-center justify-end ml-3 print:hidden grow"
         x-intersect:leave="$store.sharingIsVisible=false"
         x-intersect:enter="$store.sharingIsVisible=true"
         x-on:resize.window="$store.sharingIsOpen.metadatabox = false"       

package/dist/views_static/components/content/copytext/components/accordion/accordion.hbs

@@ -1,7 +1,7 @@
 {{#if this.title}}
     <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
@@ -39,4 +39,17 @@
             {{#if @last}}</div></div><div class="w-full border-b border-gray-alto"></div>{{/if}}
         {{/if}}
     {{/each}}
+</div>
+<div class="hidden print:block border-y border-gray-alto">
+    {{#each this.copytextParagraph }} 
+        {{#if this.isHeadline}}
+            <h3 class="self-center my-5 text-lg font-normal font-headingSerif">{{{this.text}}}</h3>
+        {{else}}
+            {{#if (isStorybook)}}  
+                {{> components/content/copytext/components/accordion/accordion_item }}   
+            {{else}}            
+                {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
+            {{/if}} 
+        {{/if}}
+    {{/each}}
 </div>

package/dist/views_static/components/content/copytext/components/gallery.hbs

@@ -2,6 +2,6 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Gallery-component</div>
 {{~else~}}
     {{#with this.toModel.galleryPage}}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
+        {{> modules/media/media_figure _addClass="print:hidden copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
     {{/with}}
 {{~/if~}}    

package/dist/views_static/components/content/copytext/components/newsletter.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
 {{~else~}}
-    {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> modules/newsletter/newsletter _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}    

package/dist/views_static/components/content/copytext/components/podcastepisode.hbs

@@ -1,3 +1,3 @@
-<div class="{{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
+<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }} 
 </div>

package/dist/views_static/components/content/copytext/components/posterteaser.hbs

@@ -1,3 +1,3 @@
-<div class="article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

package/dist/views_static/components/content/copytext/components/voting.hbs

@@ -2,8 +2,8 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
 {{~else~}}
     {{#if this.isMultiVote}}
-        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{else}}
-        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{/if}}
 {{~/if~}}

package/dist/views_static/components/content/copytext/components/webform.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
 {{~else~}}
-    {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}     

package/dist/views_static/components/social_sharing/social_sharing_copytext.hbs

@@ -2,7 +2,7 @@
     <div 
         x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" 
         x-init="" 
-        class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
+        class="print:hidden {{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
         x-data="socialSharingHandler('vertical-desktop')"
         x-intersect="sharingModuleShown()"
         ax-load 

package/dist/views_static/components/social_sharing/social_sharing_horizontal.hbs

@@ -2,7 +2,7 @@
     <div 
         x-data="socialSharingHandler('metadatabox')"
         x-init="$watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})"
-        class="flex self-center justify-end ml-3 grow"
+        class="flex self-center justify-end ml-3 print:hidden grow"
         x-intersect:leave="$store.sharingIsVisible=false"
         x-intersect:enter="$store.sharingIsVisible=true"
         x-on:resize.window="$store.sharingIsOpen.metadatabox = false"       

package/package.json

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

package/src/stories/views/components/content/copytext/components/accordion/accordion.hbs

@@ -1,7 +1,7 @@
 {{#if this.title}}
     <h2 class="clear-both mt-12 mb-5 text-lg font-normal accordion sm480:mt-14 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
-<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="print:hidden pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}
@@ -39,4 +39,17 @@
             {{#if @last}}</div></div><div class="w-full border-b border-gray-alto"></div>{{/if}}
         {{/if}}
     {{/each}}
+</div>
+<div class="hidden print:block border-y border-gray-alto">
+    {{#each this.copytextParagraph }} 
+        {{#if this.isHeadline}}
+            <h3 class="self-center my-5 text-lg font-normal font-headingSerif">{{{this.text}}}</h3>
+        {{else}}
+            {{#if (isStorybook)}}  
+                {{> components/content/copytext/components/accordion/accordion_item }}   
+            {{else}}            
+                {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
+            {{/if}} 
+        {{/if}}
+    {{/each}}
 </div>

package/src/stories/views/components/content/copytext/components/gallery.hbs

@@ -2,6 +2,6 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Gallery-component</div>
 {{~else~}}
     {{#with this.toModel.galleryPage}}
-        {{> modules/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
+        {{> modules/media/media_figure _addClass="print:hidden copytext__clearBox dontPrint" _a11yIntro-loca="story_gallery_intro_sr" _a11yOutro-loca="story_gallery_outro_sr" }}
     {{/with}}
 {{~/if~}}    

package/src/stories/views/components/content/copytext/components/newsletter.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Newsletter-component</div>
 {{~else~}}
-    {{> modules/newsletter/newsletter _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> modules/newsletter/newsletter _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}    

package/src/stories/views/components/content/copytext/components/podcastepisode.hbs

@@ -1,3 +1,3 @@
-<div class="{{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
+<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }} 
 </div>

package/src/stories/views/components/content/copytext/components/posterteaser.hbs

@@ -1,3 +1,3 @@
-<div class="article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

package/src/stories/views/components/content/copytext/components/voting.hbs

@@ -2,8 +2,8 @@
     <div class="mt-6 italic text-gray-dark">coming soon: Voting-component</div>
 {{~else~}}
     {{#if this.isMultiVote}}
-        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/multiVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{else}}
-        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="copytext__clearBox"}}
+        {{> modules/teaser/voting-teaser/singleVotingTeaser _addClass="print:hidden copytext__clearBox"}}
     {{/if}}
 {{~/if~}}

package/src/stories/views/components/content/copytext/components/webform.hbs

@@ -1,5 +1,5 @@
 {{~#if (isStorybook)~}}
     <div class="mt-6 italic text-gray-dark">coming soon: Webform-component</div>
 {{~else~}}
-    {{> content/webform/components/webform _addClass="copytext__clearBox marginTrailer--m"}}
+    {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}     

package/src/stories/views/components/event/filtererDs.feature.js

@@ -1,4 +1,3 @@
-import { color } from '@storybook/theming'
 import { pi, uxAction } from 'base/tracking/pianoHelper.subfeature'
 import { hr$, isString, listen, reinitializeFeature, simulateClickOn } from 'hrQuery'
 import $ from 'zepto-modules'

package/src/stories/views/components/social_sharing/social_sharing_copytext.hbs

@@ -2,7 +2,7 @@
     <div 
         x-show="$screen('lg') && $store.sharingIsVisible == false && document.querySelector('.copytextWrapper').offsetHeight > 220" 
         x-init="" 
-        class="{{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
+        class="print:hidden {{#unless ../_useSticky}}top-0 {{/unless}}sticky w-10 col-start-2 pt-6 z-100 h-fit"
         x-data="socialSharingHandler('vertical-desktop')"
         x-intersect="sharingModuleShown()"
         ax-load 

package/src/stories/views/components/social_sharing/social_sharing_horizontal.hbs

@@ -2,7 +2,7 @@
     <div 
         x-data="socialSharingHandler('metadatabox')"
         x-init="$watch('$store.sharingIsVisible', () => {$store.sharingIsOpen.metadatabox = false; $store.sharingIsOpen.mobilesticky = false})"
-        class="flex self-center justify-end ml-3 grow"
+        class="flex self-center justify-end ml-3 print:hidden grow"
         x-intersect:leave="$store.sharingIsVisible=false"
         x-intersect:enter="$store.sharingIsVisible=true"
         x-on:resize.window="$store.sharingIsOpen.metadatabox = false"