hr-design-system-handlebars 1.68.2 → 1.68.4

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.68.4 (Tue May 28 2024)
+
+#### 🐛 Bug Fix
+
+- general line heigt 1.5 in copytext [#924](https://github.com/mumprod/hr-design-system-handlebars/pull/924) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.68.3 (Tue May 28 2024)
+
+#### 🐛 Bug Fix
+
+- fixes bottom position of sharing button in mobile view [#930](https://github.com/mumprod/hr-design-system-handlebars/pull/930) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.68.2 (Wed May 22 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1046,8 +1046,8 @@ article.indexTextDS .indexTextHighlighted .link {
 .bottom-15 {
   bottom: 3.75rem;
 }
-.bottom-5 {
-  bottom: 1.25rem;
+.bottom-\[19px\] {
+  bottom: 19px;
 }
 .bottom-feature-box-height {
   bottom: 0;
@@ -2986,6 +2986,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .leading-\[34px\] {
   line-height: 34px;
 }
+.leading-normal {
+  line-height: 1.5;
+}
 .tracking-wide {
   letter-spacing: .0125em;
 }
@@ -3347,7 +3350,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1716380580528;
+  counter-reset: cnt1716901234455;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3726,7 +3729,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1716380580528 1;
+  counter-increment: cnt1716901234455 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3742,7 +3745,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1716380580528);
+  content: counter(cnt1716901234455);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/assets/js/components/site_header/mainNavigationHandler.alpine.js

@@ -52,7 +52,7 @@ export default () => ({
     },
 
     checkFooterTopForSharingBottomPos(){
-        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
+        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
     },
 
     //Holds the percentage of scrolled viewport

package/dist/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

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

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button 

package/dist/views_static/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

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

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button 

package/package.json

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

package/src/stories/views/components/content/copytext/components/paragraph/paragraph_body.hbs

@@ -1,9 +1,9 @@
 {{#if this.isText}}
-    <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
+    <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
 {{/if}}
 {{#if this.isUl}}
-    <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+    <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
 {{/if}}
 {{#if this.isOl}}
-    <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+    <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
 {{/if}}

package/src/stories/views/components/page/index/page.stories.js

@@ -40,6 +40,7 @@ export default {
         chromatic: {
             viewports: [360, 768, 1024],
             diffThreshold: 0.3,
+            delay: 2000, 
         },
 
         layout: 'fullscreen',
@@ -85,4 +86,7 @@ export const MitArtikel = {
     render: Template3.bind({}),
     name: 'Mit Artikel',
     args: NavigationDataWithBreadcrumb,
+    parameters: {
+        chromatic: { delay: 2000 }
+    }  
 }

package/src/stories/views/components/site_header/mainNavigationHandler.alpine.js

@@ -52,7 +52,7 @@ export default () => ({
     },
 
     checkFooterTopForSharingBottomPos(){
-        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
+        this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
     },
 
     //Holds the percentage of scrolled viewport

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

@@ -10,7 +10,7 @@
         <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
             <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
                 <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}" 
-                    :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
+                    :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
                                 'flex-col absolute mt-3' : $store.footerIsVisible == true }"
                     class="flex self-center gap-3 bg-white left-5">
                     <button