hr-design-system-handlebars 1.77.3 → 1.77.4

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.77.4 (Thu Jul 04 2024)
+
+#### 🐛 Bug Fix
+
+- add group-title for tabbox [#982](https://github.com/mumprod/hr-design-system-handlebars/pull/982) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.77.3 (Thu Jul 04 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3377,7 +3377,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1720101648014;
+  counter-reset: cnt1720116108939;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3775,7 +3775,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1720101648014 1;
+  counter-increment: cnt1720116108939 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3791,7 +3791,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1720101648014);
+  content: counter(cnt1720116108939);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/content/copytext/components/infobox.hbs

@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,7 +1,14 @@
 </div>
+{{~#if this.hasGroupTitle}}
+    <div class="grid grid-cols-12 bg-white mt-12 md:mt-14 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14">
+        <h2 class="py-0 text-2xl md:text-5xl col-span-full font-title headline-barrier">
+            {{this.groupTitle}}
+        </h2>
+    </div>
+{{/if}}
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
+  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 {{#if this.hasGroupTitle}}mt-5{{else}}mt-14{{/if}} col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
     <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
@@ -19,4 +26,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty"> 
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/dist/views_static/components/content/copytext/components/infobox.hbs

@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/dist/views_static/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,7 +1,14 @@
 </div>
+{{~#if this.hasGroupTitle}}
+    <div class="grid grid-cols-12 bg-white mt-12 md:mt-14 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14">
+        <h2 class="py-0 text-2xl md:text-5xl col-span-full font-title headline-barrier">
+            {{this.groupTitle}}
+        </h2>
+    </div>
+{{/if}}
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
+  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 {{#if this.hasGroupTitle}}mt-5{{else}}mt-14{{/if}} col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
     <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
@@ -19,4 +26,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty"> 
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/package.json

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

package/src/stories/views/components/content/copytext/components/infobox.hbs

@@ -61,10 +61,10 @@
             <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
+            <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} ml-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
+            <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}}mt-4{{else}}{{#if ../this.paragraphBoxItem}}mt-4{{else}}-mt-0.5{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
     {{~#block "subParagraphs"}}{{/block~}}

package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,7 +1,14 @@
 </div>
+{{~#if this.hasGroupTitle}}
+    <div class="grid grid-cols-12 bg-white mt-12 md:mt-14 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14">
+        <h2 class="py-0 text-2xl md:text-5xl col-span-full font-title headline-barrier">
+            {{this.groupTitle}}
+        </h2>
+    </div>
+{{/if}}
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 mt-14 col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
+  class="grid grid-cols-12 pt-6 mx-0 mb-5 md:mb-7 {{#if this.hasGroupTitle}}mt-5{{else}}mt-14{{/if}} col-full md:pt-7 bg-highlight-1 md:rounded-tl-hr md:rounded-br-hr md:col-main gap-x-6 gap-y-6"
 >
   <section class="px-0 col-span-full sm:px-8 md:px-0">
     <div class="flex flex-wrap justify-center mx-5 gap-y-3 mb-7 gap-x-2" role="tablist">
@@ -19,4 +26,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty"> 
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">