hr-design-system-handlebars 1.114.102 → 1.114.103

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v1.114.103 (Fri Feb 21 2025)
+
+#### 🐛 Bug Fix
+
+- Dpe 3552 b [#1249](https://github.com/mumprod/hr-design-system-handlebars/pull/1249) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
+
+#### Authors: 2
+
+- [@eduardo-hr](https://github.com/eduardo-hr)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.114.102 (Thu Feb 20 2025)
 
 #### ⚠️ Pushed to `main`

package/dist/assets/index.css

@@ -3846,7 +3846,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1740062506233;
+  counter-reset: cnt1740143574184;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4291,7 +4291,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1740062506233 1;
+  counter-increment: cnt1740143574184 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4309,7 +4309,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(cnt1740062506233);
+  content: counter(cnt1740143574184);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/page/ticker/components/header.hbs

@@ -0,0 +1,18 @@
+<header class="mt-1 sm:mt-8">
+    {{#with this.label}}
+        {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}            
+            {{> components/label/label _type=this.type _text=(loca this.loca)}}
+        {{/components/label/label_group}}
+    {{/with}}   
+    <h2>
+        {{#unless this.label }}  
+            {{~#if topline}}
+                <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">{{this.topline}}</span>
+            {{/if~}}
+        {{/unless~}}
+        {{#if ../../this.tickerTopic}}
+            {{> components/label/label_byline _css="ml-2 mb-2 pt-1 h-6 inline-block" _text=../../../this.tickerTopic}}
+        {{/if}} 
+        <span class="block text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">{{this.title}}</span>
+    </h2>
+</header>

package/dist/views_static/components/page/ticker/components/header.hbs

@@ -0,0 +1,18 @@
+<header class="mt-1 sm:mt-8">
+    {{#with this.label}}
+        {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}            
+            {{> components/label/label _type=this.type _text=(loca this.loca)}}
+        {{/components/label/label_group}}
+    {{/with}}   
+    <h2>
+        {{#unless this.label }}  
+            {{~#if topline}}
+                <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">{{this.topline}}</span>
+            {{/if~}}
+        {{/unless~}}
+        {{#if ../../this.tickerTopic}}
+            {{> components/label/label_byline _css="ml-2 mb-2 pt-1 h-6 inline-block" _text=../../../this.tickerTopic}}
+        {{/if}} 
+        <span class="block text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">{{this.title}}</span>
+    </h2>
+</header>

package/package.json

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

package/src/stories/views/components/label/label.stories.js

@@ -8,12 +8,23 @@ hbsTemplates['label'] = handlebars.compile(`
     {{> components/label/label}}
   `)
 
+hbsTemplates['label_with_byline'] = handlebars.compile(`
+{{#> components/label/label_group _css="mb-2" _tag=_tag}}
+    {{> components/label/label}}
+    {{> components/label/label_byline _css="ml-2" _text=_byline}}
+{{/components/label/label_group}}
+`)
+
 const Template = (args) => {
     // You can either use a function to create DOM elements or use a plain html string!
     // return `<div>${label}</div>`;
     return hbsTemplates['label']({ ...args })
 }
-
+const Template_withByline = (args) => {
+    // You can either use a function to create DOM elements or use a plain html string!
+    // return `<div>${label}</div>`;
+    return hbsTemplates['label_with_byline']({ ...args })
+}
 const snapshotTemplate = (args) => {
     return getSnapshotsTemplate({ hbsTemplates, args })
 }
@@ -199,7 +210,17 @@ export const Kurzmeldung = {
         _text: 'Kurzmeldung',
     },
 }
+export const TickerMitByline = {
+    render: Template_withByline.bind({}),
+    name: 'Ticker mit Byline',
 
+    args: {
+        _type: 'ticker',
+        _text: 'Ticker',
+        _byline: 'Hessen am Morgen',
+        _tag: "h3"
+    },
+}
 export const Snapshot = {
     render: snapshotTemplate.bind({}),
     name: 'Snapshot',

package/src/stories/views/components/page/ticker/components/header.hbs

@@ -0,0 +1,18 @@
+<header class="mt-1 sm:mt-8">
+    {{#with this.label}}
+        {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}            
+            {{> components/label/label _type=this.type _text=(loca this.loca)}}
+        {{/components/label/label_group}}
+    {{/with}}   
+    <h2>
+        {{#unless this.label }}  
+            {{~#if topline}}
+                <span class="block mb-2 text-base sm480:text-xl font-heading dark:text-text-dark">{{this.topline}}</span>
+            {{/if~}}
+        {{/unless~}}
+        {{#if ../../this.tickerTopic}}
+            {{> components/label/label_byline _css="ml-2 mb-2 pt-1 h-6 inline-block" _text=../../../this.tickerTopic}}
+        {{/if}} 
+        <span class="block text-3xl ui-test-story-title font-headingSerif sm480:text-4xl dark:text-text-dark">{{this.title}}</span>
+    </h2>
+</header>