hr-design-system-handlebars 1.83.0 → 1.83.2

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.83.2 (Thu Jul 18 2024)
+
+#### 🐛 Bug Fix
+
+- social sharing icons are hidden on mobile load [#1019](https://github.com/mumprod/hr-design-system-handlebars/pull/1019) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.83.1 (Thu Jul 18 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3245: Fix horizontal spacing in Infobox/Content-Box/file-download [#1018](https://github.com/mumprod/hr-design-system-handlebars/pull/1018) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
 # v1.83.0 (Thu Jul 18 2024)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -3330,7 +3330,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1721309878426;
+  counter-reset: cnt1721318331671;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3738,7 +3738,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1721309878426 1;
+  counter-increment: cnt1721318331671 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3754,7 +3754,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1721309878426);
+  content: counter(cnt1721318331671);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -6141,18 +6141,26 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-left: 1rem;
   }
 
-  .sm\:ml-6 {
-    margin-left: 1.5rem;
-  }
-
   .sm\:ml-8 {
     margin-left: 2rem;
   }
 
+  .sm\:ml-\[1\.531rem\] {
+    margin-left: 1.531rem;
+  }
+
   .sm\:mr-5 {
     margin-right: 1.25rem;
   }
 
+  .sm\:mr-6 {
+    margin-right: 1.5rem;
+  }
+
+  .sm\:mr-6\.5 {
+    margin-right: 1.625rem;
+  }
+
   .sm\:mt-1 {
     margin-top: 0.25rem;
   }
@@ -6265,11 +6273,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     padding-right: 1rem;
   }
 
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
-
   .sm\:px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -6302,6 +6305,18 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     padding-left: 0px;
   }
 
+  .sm\:pl-\[1\.531rem\] {
+    padding-left: 1.531rem;
+  }
+
+  .sm\:pr-6 {
+    padding-right: 1.5rem;
+  }
+
+  .sm\:pr-6\.5 {
+    padding-right: 1.625rem;
+  }
+
   .sm\:pt-0 {
     padding-top: 0px;
   }

package/dist/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -24,11 +24,11 @@
                 >
                     {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
             </button>
-            <div 
-                x-ref="panel" 
-                :class="$store.sharingIsOpenHorizontal ? 'flex' : 'hidden '"              
+            <div                
+                x-ref="panel"   
+                :class="{ 'hidden': !$store.sharingIsOpenHorizontal,'flex': $store.sharingIsOpenHorizontal }"           
                 :id="$id('dropdown-button')"
-                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto lg:flex"
+                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
             >
                 <ul class="flex gap-3">  
                     {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox"}}

package/dist/views_static/components/content/copytext/components/common/paragraphbox_wrapper.hbs

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -24,11 +24,11 @@
                 >
                     {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
             </button>
-            <div 
-                x-ref="panel" 
-                :class="$store.sharingIsOpenHorizontal ? 'flex' : 'hidden '"              
+            <div                
+                x-ref="panel"   
+                :class="{ 'hidden': !$store.sharingIsOpenHorizontal,'flex': $store.sharingIsOpenHorizontal }"           
                 :id="$id('dropdown-button')"
-                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto lg:flex"
+                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
             >
                 <ul class="flex gap-3">  
                     {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox"}}

package/package.json

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

package/src/stories/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs

@@ -1,3 +1,3 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -24,11 +24,11 @@
                 >
                     {{> components/base/image/icon _addClass="w-5 h-5 fill-current group-hover:fill-link--dark" _icon="sharing" _iconmap="icons" }}
             </button>
-            <div 
-                x-ref="panel" 
-                :class="$store.sharingIsOpenHorizontal ? 'flex' : 'hidden '"              
+            <div                
+                x-ref="panel"   
+                :class="{ 'hidden': !$store.sharingIsOpenHorizontal,'flex': $store.sharingIsOpenHorizontal }"           
                 :id="$id('dropdown-button')"
-                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto lg:flex"
+                class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
             >
                 <ul class="flex gap-3">  
                     {{> components/social_sharing/social_sharing_icons _socialSharingType="metadatabox"}}

package/tailwind.config.js

@@ -104,6 +104,7 @@ module.exports = {
                 '1.5': '0.375rem',
                 '2.5': '0.625rem',
                 '5.5': '1.3125rem',
+                '6.5': '1.625rem',
                 '7.5': '1.875rem',
                 '11.5': '2.875rem',
                 '13': '3.25rem',
@@ -184,6 +185,7 @@ module.exports = {
             margin: {
                 '4.5': '1.125rem',
                 '5.5': '1.375rem',
+                '6.5': '1.625rem',
                 '7.5': '1.875rem',
                 '13': '3.125rem',
                 '26': '6.5rem',