hr-design-system-handlebars 1.83.1 → 1.83.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.83.3 (Thu Jul 18 2024)
+
+#### 🐛 Bug Fix
+
+- revise spaces [#1020](https://github.com/mumprod/hr-design-system-handlebars/pull/1020) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# 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

package/dist/assets/index.css

@@ -1365,6 +1365,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .mb-10 {
   margin-bottom: 2.5rem;
 }
+.mb-12 {
+  margin-bottom: 3rem;
+}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -2732,9 +2735,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .pb-10 {
   padding-bottom: 2.5rem;
 }
-.pb-11 {
-  padding-bottom: 2.75rem;
-}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -3330,7 +3330,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1721312162988;
+  counter-reset: cnt1721319450963;
 }
 .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: cnt1721312162988 1;
+  counter-increment: cnt1721319450963 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(cnt1721312162988);
+  content: counter(cnt1721319450963);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -6173,6 +6173,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-top: 3.5rem;
   }
 
+  .sm\:mt-4 {
+    margin-top: 1rem;
+  }
+
   .sm\:mt-5 {
     margin-top: 1.25rem;
   }
@@ -6508,10 +6512,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-bottom: 0px;
   }
 
-  .md\:mb-10 {
-    margin-bottom: 2.5rem;
-  }
-
   .md\:mb-16 {
     margin-bottom: 4rem;
   }

package/dist/views/components/content/content_footer/content_footer.hbs

@@ -1,4 +1,4 @@
-<footer class="flex flex-col mt-10 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
+<footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
     {{#with this.editorialStaffItems}}
         <p>
             <span>{{~loca "editorial_office"}}:</span>

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-11{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

package/dist/views/components/content/copytext/components/image/collapsible_caption.hbs

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 sm:mt-4 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{ 
                 open: false,
                 truncated: true,

package/dist/views/components/page/components/appendix.hbs

@@ -1,7 +1,7 @@
-<aside class="mt-12 md:mt-14">
+<aside class="mt-12 sm:mt-14">
     {{~#with this.programReference~}}
         {{~#if this.hasReference~}}
-            <div class="clear-both mb-8 md:mb-10">
+            <div class="clear-both mb-12 sm:mb-14">
                 {{> components/program_reference/program_reference _isArticle=../_isArticle}}
             </div>
         {{~/if~}}

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/content_footer/content_footer.hbs

@@ -1,4 +1,4 @@
-<footer class="flex flex-col mt-10 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
+<footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
     {{#with this.editorialStaffItems}}
         <p>
             <span>{{~loca "editorial_office"}}:</span>

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-11{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

package/dist/views_static/components/content/copytext/components/image/collapsible_caption.hbs

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 sm:mt-4 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{ 
                 open: false,
                 truncated: true,

package/dist/views_static/components/page/components/appendix.hbs

@@ -1,7 +1,7 @@
-<aside class="mt-12 md:mt-14">
+<aside class="mt-12 sm:mt-14">
     {{~#with this.programReference~}}
         {{~#if this.hasReference~}}
-            <div class="clear-both mb-8 md:mb-10">
+            <div class="clear-both mb-12 sm:mb-14">
                 {{> components/program_reference/program_reference _isArticle=../_isArticle}}
             </div>
         {{~/if~}}

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

package/src/stories/views/components/content/content_footer/content_footer.hbs

@@ -1,4 +1,4 @@
-<footer class="flex flex-col mt-10 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
+<footer class="flex flex-col mt-12 sm:mt-14 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
     {{#with this.editorialStaffItems}}
         <p>
             <span>{{~loca "editorial_office"}}:</span>

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-11{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
+<div x-cloak x-data="{selected:0}" class="pb-3{{#unless this.title}} clear-both mt-12 sm480:mt-14{{/unless}}">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
             {{#unless @first}}</div></div>{{/unless}}

package/src/stories/views/components/content/copytext/components/image/collapsible_caption.hbs

@@ -1,4 +1,4 @@
-<figcaption class="flex items-start mt-3 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
+<figcaption class="flex items-start mt-3 sm:mt-4 text-xs sm480:text-sm font-headingSerif {{_cssClassCaption}}"
             x-data="{ 
                 open: false,
                 truncated: true,

package/src/stories/views/components/page/components/appendix.hbs

@@ -1,7 +1,7 @@
-<aside class="mt-12 md:mt-14">
+<aside class="mt-12 sm:mt-14">
     {{~#with this.programReference~}}
         {{~#if this.hasReference~}}
-            <div class="clear-both mb-8 md:mb-10">
+            <div class="clear-both mb-12 sm:mb-14">
                 {{> components/program_reference/program_reference _isArticle=../_isArticle}}
             </div>
         {{~/if~}}

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"}}