hr-design-system-handlebars 1.50.1 → 1.50.3

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.50.3 (Wed Nov 15 2023)
+
+#### 🐛 Bug Fix
+
+- some fixes in positioning appendixes [#749](https://github.com/mumprod/hr-design-system-handlebars/pull/749) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.50.2 (Thu Nov 09 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2624: Related Content tracken [#750](https://github.com/mumprod/hr-design-system-handlebars/pull/750) (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.50.1 (Wed Nov 08 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3055,7 +3055,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1699458964125;
+  counter-reset: cnt1700055672997;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3318,7 +3318,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1699458964125 1;
+  counter-increment: cnt1700055672997 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3334,7 +3334,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1699458964125);
+  content: counter(cnt1700055672997);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5001,12 +5001,12 @@ article.indexText ul {
     margin-bottom: 1.25rem;
   }
 
-  .sm480\:mt-4 {
-    margin-top: 1rem;
+  .sm480\:ml-8 {
+    margin-left: 2rem;
   }
 
-  .sm480\:w-full {
-    width: 100%;
+  .sm480\:mt-4 {
+    margin-top: 1rem;
   }
 
   .sm480\:text-2xl {

package/dist/views/components/article/components/podcast/podcast_playlist_article.hbs

@@ -18,7 +18,7 @@
             {{~/if~}}
         </div>
 
-    <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
+    <aside class="order-4 pt-6 aside md:order-2 sm480:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
         <div class="flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979]">
             {{#unless _webview}}
                 {{~#with this.backLinkUrl ~}}

package/dist/views/components/geoTag/geoTag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="ortsmarke" _addClass="inline w-5 h-5 fill-current"~}}
 

package/dist/views/components/program_reference/program_reference.hbs

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full text-sm uppercase sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
      -->
     <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
         {{#if this.link}}

package/dist/views/components/teaser/group_teaser/group_teaser.hbs

@@ -7,7 +7,9 @@
                     {{~#if this.hasLink}}</a>{{/if~}}
                 </{{if this.headlineTag this.headlineTag "h2"}}>
             {{/if}}
-            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
+            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{#if this.isRelatedContent}} js-load{{/if}}{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}"
+                {{#if this.isRelatedContent}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}'{{/if}}
+            >
                 {{~> components/teaser/teaser_logic/teaser_logic ~}}
             </div>
     {{/components/grid/grid_group}}

package/dist/views/components/topictag/topictag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block line-clamp-1 hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="taglabel" _addClass="inline w-4 h-4 fill-current"~}}
 

package/dist/views_static/components/article/components/podcast/podcast_playlist_article.hbs

@@ -18,7 +18,7 @@
             {{~/if~}}
         </div>
 
-    <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
+    <aside class="order-4 pt-6 aside md:order-2 sm480:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
         <div class="flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979]">
             {{#unless _webview}}
                 {{~#with this.backLinkUrl ~}}

package/dist/views_static/components/geoTag/geoTag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="ortsmarke" _addClass="inline w-5 h-5 fill-current"~}}
 

package/dist/views_static/components/program_reference/program_reference.hbs

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full text-sm uppercase sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
      -->
     <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
         {{#if this.link}}

package/dist/views_static/components/teaser/group_teaser/group_teaser.hbs

@@ -7,7 +7,9 @@
                     {{~#if this.hasLink}}</a>{{/if~}}
                 </{{if this.headlineTag this.headlineTag "h2"}}>
             {{/if}}
-            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
+            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{#if this.isRelatedContent}} js-load{{/if}}{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}"
+                {{#if this.isRelatedContent}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}'{{/if}}
+            >
                 {{~> components/teaser/teaser_logic/teaser_logic ~}}
             </div>
     {{/components/grid/grid_group}}

package/dist/views_static/components/topictag/topictag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block line-clamp-1 hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="taglabel" _addClass="inline w-4 h-4 fill-current"~}}
 

package/package.json

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

package/src/stories/views/components/article/components/podcast/podcast_playlist_article.hbs

@@ -18,7 +18,7 @@
             {{~/if~}}
         </div>
 
-    <aside class="order-4 pt-6 aside md:order-2 sm:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
+    <aside class="order-4 pt-6 aside md:order-2 sm480:ml-8 sm:w-[220px]" aria-label='{{loca "appendix_title"}}'>
         <div class="flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979]">
             {{#unless _webview}}
                 {{~#with this.backLinkUrl ~}}

package/src/stories/views/components/geoTag/geoTag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="ortsmarke" _addClass="inline w-5 h-5 fill-current"~}}
 

package/src/stories/views/components/program_reference/program_reference.hbs

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="text-sm uppercase font-headingSerif w-fit sm:w-full">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full text-sm uppercase sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
      -->
     <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
         {{#if this.link}}

package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs

@@ -7,7 +7,9 @@
                     {{~#if this.hasLink}}</a>{{/if~}}
                 </{{if this.headlineTag this.headlineTag "h2"}}>
             {{/if}}
-            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
+            <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{#if this.isRelatedContent}} js-load{{/if}}{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}"
+                {{#if this.isRelatedContent}} data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "Related-Content geklickt"}]}'{{/if}}
+            >
                 {{~> components/teaser/teaser_logic/teaser_logic ~}}
             </div>
     {{/components/grid/grid_group}}

package/src/stories/views/components/topictag/topictag_list.hbs

@@ -4,7 +4,7 @@
         -->
         <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
-                <li class="w-fit sm480:w-full text-primary">
+                <li class="w-fit sm:w-full text-primary">
                     <a class="block line-clamp-1 hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="taglabel" _addClass="inline w-4 h-4 fill-current"~}}