hr-design-system-handlebars 1.68.3 → 1.68.5

package/.storybook/preview.js

@@ -17,9 +17,9 @@ import '../src/assets/tailwind.css'
 import { CheckCSS } from 'checkcss';
 
 configureActions({
-    clearOnStoryChange: true, 
-  });
-  
+    clearOnStoryChange: true,
+});
+
 // Create CheckCSS instance
 const checkcss = new CheckCSS();
 
@@ -34,8 +34,8 @@ checkcss.onClassnameDetected = function (classname, element) {
 checkcss.onUndefinedClassname = function (classname) {
     console.log(
         `checkcss: No CSS rule for .${classname}`,
-      );
-  };
+    );
+};
 
 checkcss.scan().watch();
 
@@ -43,7 +43,7 @@ const panelInclude = setConsoleOptions({}).panelInclude;
 
 setConsoleOptions({
     panelInclude: [...panelInclude, /checkcss/],
-}); 
+});
 
 
 function loadDelayedImages() {
@@ -74,16 +74,10 @@ let eventSrcUrl = null
 
 document.addEventListener('DOMContentLoaded', function (event) {
     console.log('DOM fully loaded and parsed')
-    if (eventSrcUrl != event.srcElement.URL) {
-        eventSrcUrl = event.srcElement.URL
-
-        console.log('Start feature initialization')
+    console.log('Start feature initialization')
 
-        Initializer.run(document, loadFeature)
-        setTimeout(loadDelayedImages, 200)
-    } else {
-        console.log('second DOMContentLoaded Event was blocked!')
-    }
+    Initializer.run(document, loadFeature)
+    setTimeout(loadDelayedImages, 200)
 })
 
 /*if (process.env.NODE_ENV !== 'production') {

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.68.5 (Wed May 29 2024)
+
+#### 🐛 Bug Fix
+
+- :bug: Make sure that the regex in the loca helper only matches when it recognizes numbers in between opening and closing curly braces. [#931](https://github.com/mumprod/hr-design-system-handlebars/pull/931) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# 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

package/build/handlebars/helpers/handlebar-helpers.js

@@ -430,7 +430,7 @@ var helpers = {
                     const args = Array.prototype.slice.call(arguments);
                     // Extract params from arguments object. No params are present when length of arguments array is <= 2
                     let params = args.length > 2 ? args.slice(1, args.length - 1) : []
-                    const regex = /(?<property>{<%(?<propertyKey>.*?)%>})|(?<userConsent>{nuc\s(?<userConsentUrl>.*?)\snuc})|(?<param>{(?<paramKey>.*?)})/g
+                    const regex = /(?<property>{<%(?<propertyKey>.*?)%>})|(?<userConsent>{nuc\s(?<userConsentUrl>.*?)\snuc})|(?<param>{(?<paramKey>\d*?)})/g
                     const matches = loca.matchAll(regex)
                     const placeHolders = []
                     for (const match of matches) {

package/dist/assets/index.css

@@ -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: cnt1716893696134;
+  counter-reset: cnt1716980654734;
 }
 .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: cnt1716893696134 1;
+  counter-increment: cnt1716980654734 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(cnt1716893696134);
+  content: counter(cnt1716980654734);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

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_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/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.68.3",
+    "version": "1.68.5",
     "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 }
+    }  
 }