hr-design-system-handlebars 1.116.0 → 1.118.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.118.0 (Mon Aug 11 2025)
+
+#### 🚀 Enhancement
+
+- fix: adjust margin class for top button on medium screens [#1299](https://github.com/mumprod/hr-design-system-handlebars/pull/1299) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.117.0 (Thu Jul 24 2025)
+
+#### 🚀 Enhancement
+
+- :sparkles: Allow to define json settings in a child node  of the trac… [#1298](https://github.com/mumprod/hr-design-system-handlebars/pull/1298) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.116.0 (Tue Jul 22 2025)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -3891,7 +3891,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1753186903926;
+  counter-reset: cnt1754913728161;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4352,7 +4352,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1753186903926 1;
+  counter-increment: cnt1754913728161 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4370,7 +4370,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1753186903926);
+  content: counter(cnt1754913728161);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -7603,6 +7603,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     margin-left: 0.75rem;
   }
 
+  .md\:mr-10 {
+    margin-right: 2.5rem;
+  }
+
   .md\:mt-0 {
     margin-top: 0px;
   }

package/dist/assets/js/base/tracking/clickTracking.feature.js

@@ -1,8 +1,11 @@
 import { download, pi, uxAction, uxNavigation } from 'base/tracking/pianoHelper.subfeature';
+import { hr$ } from 'hrQuery'
 
 const ClickTracking = (context) => {
     const { options, element: elementToTrack } = context;
-    const settings = options.settings || [];
+    const settingsFromChildNode = JSON.parse(hr$('[data-click-tracking-settings]', elementToTrack)[0]?.dataset.clickTrackingSettings || '{"settings":[]}')
+        .settings || '[]';
+    const settings = options.settings || settingsFromChildNode;
 
     const clickHandler = (event) => {
         settings.forEach(({ type, clickLabel, secondLevelId }) => {

package/dist/views/components/top_button/top_button.hbs

@@ -18,7 +18,7 @@
                 
                 @click="window.scrollTo({top: 0, behavior: 'smooth'})"
                 :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"        
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105  [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105 md:mr-10 [@media(min-width:1170px)]:-mr-14"
                 aria-label='{{loca "top_button_aria_label" }}'
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            

package/dist/views_static/components/top_button/top_button.hbs

@@ -18,7 +18,7 @@
                 
                 @click="window.scrollTo({top: 0, behavior: 'smooth'})"
                 :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"        
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105  [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105 md:mr-10 [@media(min-width:1170px)]:-mr-14"
                 aria-label='{{loca "top_button_aria_label" }}'
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}            

package/package.json

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

package/src/stories/views/base/tracking/clickTracking.feature.js

@@ -1,8 +1,11 @@
 import { download, pi, uxAction, uxNavigation } from 'base/tracking/pianoHelper.subfeature';
+import { hr$ } from 'hrQuery'
 
 const ClickTracking = (context) => {
     const { options, element: elementToTrack } = context;
-    const settings = options.settings || [];
+    const settingsFromChildNode = JSON.parse(hr$('[data-click-tracking-settings]', elementToTrack)[0]?.dataset.clickTrackingSettings || '{"settings":[]}')
+        .settings || '[]';
+    const settings = options.settings || settingsFromChildNode;
 
     const clickHandler = (event) => {
         settings.forEach(({ type, clickLabel, secondLevelId }) => {

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

@@ -18,7 +18,7 @@
                 
                 @click="window.scrollTo({top: 0, behavior: 'smooth'})"
                 :class="$store.footerIsVisible ? '-mt-6' : '-mt-12'"        
-                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105  [@media(min-width:1170px)]:-mr-14"
+                class="{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant="primary"}} ml-auto z-100 p-2 h-max mr-5 hover:scale-105 md:mr-10 [@media(min-width:1170px)]:-mr-14"
                 aria-label='{{loca "top_button_aria_label" }}'
                 >
                 {{> components/base/image/icon _icon="arrow-up"  _addClass="w-5 h-5 fill-current dark:fill-link-dark"}}