hr-design-system-handlebars 1.114.120 → 1.114.122

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.114.122 (Mon Mar 10 2025)
+
+#### 🐛 Bug Fix
+
+- add variable for inner-radius in alternativ-ticker-teaser [#1263](https://github.com/mumprod/hr-design-system-handlebars/pull/1263) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.114.121 (Fri Mar 07 2025)
+
+#### 🐛 Bug Fix
+
+- fix padding-bug [#1262](https://github.com/mumprod/hr-design-system-handlebars/pull/1262) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.114.120 (Fri Mar 07 2025)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3863,7 +3863,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1741368990511;
+  counter-reset: cnt1741634567290;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4308,7 +4308,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1741368990511 1;
+  counter-increment: cnt1741634567290 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4326,7 +4326,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(cnt1741368990511);
+  content: counter(cnt1741634567290);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4655,6 +4655,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     --font-weight-titleCluster: 700;
     /* Border Radius */
     --border-radius-hr: 0px;
+    --border-radius-hr-inner: 0px;
     /* ticker-Teaser*/
     --color-ticker-teaser-headline: #ffffff;
     --color-ticker-teaser-label-byline: #ffffff;
@@ -4822,6 +4823,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     --font-weight-titleCluster: 700;
     /* Border */
     --border-radius-hr: 1.5rem;
+    --border-radius-hr-inner: 0.25rem;
     /* ticker-Teaser*/
     --color-ticker-teaser-label-byline: #ffffff;
     --color-ticker-teaser-timeline-score: #d34600;
@@ -7771,6 +7773,11 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
     border-top-left-radius: var(--border-radius-hr);
   }
 
+  .md\:rounded-tl-hrInner {
+    border-top-left-radius: 0px;
+    border-top-left-radius: var(--border-radius-hr-inner);
+  }
+
   .md\:border-0 {
     border-width: 0px;
   }
@@ -9097,6 +9104,12 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1:has(+.-hideOnMobile) {
   order: 1;
 }
+.\[\&\:not\(\:last-child\)\]\:pb-2:not(:last-child) {
+  padding-bottom: 0.5rem;
+}
+.\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
+  padding-bottom: 1.25rem;
+}
 @media(min-width:1170px) {
 
   .\[\@media\(min-width\:1170px\)\]\:-mr-14 {

package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs

@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
 >
     {{#if this.teaserImage}}
         <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
-            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
+            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
         </figure>
         {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
     {{else}}

package/dist/views/components/teaser/ticker/teaser_ticker_timeline.hbs

@@ -1,7 +1,11 @@
 {{~#with this.tickerItemResults ~}}
     <ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
         {{~#each this~}}
-            <li class="relative h-auto {{#if ../../_isTickerpage}}[&:not(:last-child)]:pb-2{{else}}[&:not(:last-child)]:pb-5{{/if}}">
+            {{#if ../../_isTickerpage}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-2">
+            {{else}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-5">
+            {{/if}}
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}

package/dist/views_static/components/teaser/ticker/teaser_ticker_alternativ.hbs

@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
 >
     {{#if this.teaserImage}}
         <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
-            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
+            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
         </figure>
         {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
     {{else}}

package/dist/views_static/components/teaser/ticker/teaser_ticker_timeline.hbs

@@ -1,7 +1,11 @@
 {{~#with this.tickerItemResults ~}}
     <ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
         {{~#each this~}}
-            <li class="relative h-auto {{#if ../../_isTickerpage}}[&:not(:last-child)]:pb-2{{else}}[&:not(:last-child)]:pb-5{{/if}}">
+            {{#if ../../_isTickerpage}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-2">
+            {{else}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-5">
+            {{/if}}
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}

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

package/src/assets/tailwind.css

@@ -140,6 +140,7 @@
     --font-weight-titleCluster: theme('fontWeight.bold');
     /* Border Radius */
     --border-radius-hr: theme('borderRadius.none');
+    --border-radius-hr-inner: theme('borderRadius.none');
     /* ticker-Teaser*/
     --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
     --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
@@ -327,6 +328,7 @@
     --font-weight-titleCluster: theme('fontWeight.bold');
     /* Border */
     --border-radius-hr: theme('borderRadius.3xl');
+    --border-radius-hr-inner: theme('borderRadius.DEFAULT');
     /* ticker-Teaser*/
     --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
     --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');

package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs

@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
 >
     {{#if this.teaserImage}}
         <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
-            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
+            {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }} 
         </figure>
         {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
     {{else}}

package/src/stories/views/components/teaser/ticker/teaser_ticker_timeline.hbs

@@ -1,7 +1,11 @@
 {{~#with this.tickerItemResults ~}}
     <ul class="{{#if ../_css}} {{../_css}}{{/if}} {{if ../this.isStandardTeaser ' pl-10 pr-5' ' pl-10 md:pl-5 pr-5 md:pr-0'}}">
         {{~#each this~}}
-            <li class="relative h-auto {{#if ../../_isTickerpage}}[&:not(:last-child)]:pb-2{{else}}[&:not(:last-child)]:pb-5{{/if}}">
+            {{#if ../../_isTickerpage}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-2">
+            {{else}}
+                <li class="relative h-auto [&:not(:last-child)]:pb-5">
+            {{/if}}
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}

package/tailwind.config.js

@@ -71,6 +71,7 @@ module.exports = {
             borderRadius: {
                 hr: 'var(--border-radius-hr)',
                 'logo-footer': 'var(--rounded-logo-footer)',
+                'hrInner': 'var(--border-radius-hr-inner)',
             },
             fontSize: {
                 'xs': ['0.75rem', '1.0625rem'],