hr-design-system-handlebars 1.70.1 → 1.70.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.70.3 (Tue Jun 11 2024)
+
+#### 🐛 Bug Fix
+
+- add _onWhite-Parameter [#940](https://github.com/mumprod/hr-design-system-handlebars/pull/940) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.70.2 (Tue Jun 11 2024)
+
+#### 🐛 Bug Fix
+
+- show two topnews in 33% Ticker-Teaser (desktop) [#939](https://github.com/mumprod/hr-design-system-handlebars/pull/939) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.70.1 (Tue Jun 11 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3350,7 +3350,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1718105127788;
+  counter-reset: cnt1718128408094;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3729,7 +3729,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1718105127788 1;
+  counter-increment: cnt1718128408094 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3745,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(cnt1718105127788);
+  content: counter(cnt1718128408094);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3838,6 +3838,12 @@ article.indexTextDS .indexTextHighlighted .link {
             border-color: #000000;
             border-color: var(--search-border-color-mobile);
         }
+/*! ***********************************/
+/*! restrict number of li-elements    */
+/*! **********************************/
+ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
+        display: none;
+    }
 .\[-T\:\+Z\] {
   --t: +Z;
 }
@@ -6995,16 +7001,31 @@ article.indexTextDS .indexTextHighlighted .link {
             padding-bottom: 10px;
             padding-bottom: var(--logo-padding-bottom-md);
         }
-        .md\:first\:border-t-0:first-child {
+    ul.md\:restrictedToTwo li:nth-of-type(1n+3) {
+        display: none;
+    }
+
+    ul.md\:restrictedToTwo li:nth-of-type(2) {
+        padding-bottom: 0;
+    }
+
+    ul.md\:restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
+        display: none;
+    }
+
+    .md\:first\:border-t-0:first-child {
     border-top-width: 0px;
   }
-        .md\:first\:pr-4:first-child {
+
+    .md\:first\:pr-4:first-child {
     padding-right: 1rem;
   }
-        .md\:last\:pb-4:last-child {
+
+    .md\:last\:pb-4:last-child {
     padding-bottom: 1rem;
   }
-        .md\:first-of-type\:pt-0:first-of-type {
+
+    .md\:first-of-type\:pt-0:first-of-type {
     padding-top: 0px;
   }
 }

package/dist/views/components/button/link_button.hbs

@@ -2,5 +2,5 @@
     {{> @partial-block }}
 {{/components/base/link}}
 {{#*inline "css"~}}
-    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=../../_variant-adjust_context _onBackground=../../_onBackground-adjust_context _disableButtonPress=../../_disableButtonPress-adjust_context _disabled=../../_disabled-adjust_context}} {{> components/button/utilities/button_dimension_classes _size=../../_size-adjust_context~}}
+    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=../../_variant-adjust_context _onBackground=../../_onBackground-adjust_context _onWhite=../../_onWhite-adjust_context _disableButtonPress=../../_disableButtonPress-adjust_context _disabled=../../_disabled-adjust_context}} {{> components/button/utilities/button_dimension_classes _size=../../_size-adjust_context~}}
 {{~/inline}}

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="ortsmarke" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}                            

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

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} 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/ticker/teaser_ticker_body.hbs

@@ -18,7 +18,7 @@
         {{#*inline "htmlProperties"}}{{/inline}}
     {{/components/teaser/components/teaser_header}}
     
-    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
+    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
     {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
 
 

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

@@ -5,7 +5,7 @@
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}
-                        <div class="relative flex flex-col w-0 h-full -left-4">
+                        <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
                             <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
                             <div class="h-2"></div>
                         </div> 

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="taglabel" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}                            

package/dist/views_static/components/button/link_button.hbs

@@ -2,5 +2,5 @@
     {{> @partial-block }}
 {{/components/base/link}}
 {{#*inline "css"~}}
-    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=_variant _onBackground=_onBackground _disableButtonPress=_disableButtonPress _disabled=_disabled}} {{> components/button/utilities/button_dimension_classes _size=_size~}}
+    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=_variant _onBackground=_onBackground _onWhite=_onWhite _disableButtonPress=_disableButtonPress _disabled=_disabled}} {{> components/button/utilities/button_dimension_classes _size=_size~}}
 {{~/inline}}

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="ortsmarke" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}                            

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

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} 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/ticker/teaser_ticker_body.hbs

@@ -18,7 +18,7 @@
         {{#*inline "htmlProperties"}}{{/inline}}
     {{/components/teaser/components/teaser_header}}
     
-    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
+    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
     {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
 
 

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

@@ -5,7 +5,7 @@
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}
-                        <div class="relative flex flex-col w-0 h-full -left-4">
+                        <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
                             <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
                             <div class="h-2"></div>
                         </div> 

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="taglabel" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}                            

package/package.json

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

package/src/assets/css/custom-utilities.css

@@ -406,4 +406,19 @@
             border-color: var(--search-border-color-desktop);
         }
     }
+
+    /*! ***********************************/
+    /*! restrict number of li-elements    */
+    /*! **********************************/
+    ul.restrictedToTwo li:nth-of-type(1n+3) {
+        display: none;
+    }
+
+    ul.restrictedToTwo li:nth-of-type(2) {
+        padding-bottom: 0;
+    }
+
+    ul.restrictedToTwo li:nth-of-type(1n+2) .timelineBorder {
+        display: none;
+    }    
 }

package/src/stories/views/components/button/link_button.hbs

@@ -2,5 +2,5 @@
     {{> @partial-block }}
 {{/components/base/link}}
 {{#*inline "css"~}}
-    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=_variant-adjust_context _onBackground=_onBackground-adjust_context _disableButtonPress=_disableButtonPress-adjust_context _disabled=_disabled-adjust_context}} {{> components/button/utilities/button_dimension_classes _size=_size-adjust_context~}}
+    {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=_variant-adjust_context _onBackground=_onBackground-adjust_context _onWhite=_onWhite-adjust_context _disableButtonPress=_disableButtonPress-adjust_context _disabled=_disabled-adjust_context}} {{> components/button/utilities/button_dimension_classes _size=_size-adjust_context~}}
 {{~/inline}}

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="ortsmarke" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}                            

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

@@ -1,5 +1,5 @@
 <div class="flex flex-wrap ">
-    <span class="w-full text-sm {{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
+    <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} 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/ticker/teaser_ticker_body.hbs

@@ -18,7 +18,7 @@
         {{#*inline "htmlProperties"}}{{/inline}}
     {{/components/teaser/components/teaser_header}}
     
-    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:hidden"]') _color="white" }}
+    {{> components/teaser/ticker/teaser_ticker_timeline _css=(inline-switch _teaserSize '["25","33"]' '[" hidden"," md:restrictedToTwo"]') _color="white" }}
     {{> components/teaser/ticker/teaser_ticker_footer _teaserSize=_teaserSize}}
 
 

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

@@ -5,7 +5,7 @@
                 <div class="absolute h-full">
                     <div class="relative w-[9px] h-[9px] rounded-full top-0.5 bg-tickerTeaserTimelineScore -left-5"></div>
                     {{#unless @last}}
-                        <div class="relative flex flex-col w-0 h-full -left-4">
+                        <div class="relative flex flex-col w-0 h-full timelineBorder -left-4">
                             <div class="h-full my-2 border-l{{#if ../../_color}} border-{{../../_color}}{{else}} border-gray-400{{/if}}"></div>
                             <div class="h-2"></div>
                         </div> 

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

@@ -2,7 +2,7 @@
     <ul class="">
         {{~#each this~}}
             <li class="float-left mt-2 mr-2">
-                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite=true}}
+                {{~#> components/button/link_button _url=this.url _variant="secondary" _size="sm" _css="overflow-hidden" _onWhite="true"}}
                     {{> components/button/components/button_icon _icon="taglabel" _iconmap="icons" _css=""}}
                     {{>components/button/components/button_label _label=this.title _css="flex-1 truncate"}}
                 {{/components/button/link_button}}