hr-design-system-handlebars 1.63.4 → 1.63.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.63.5 (Tue Apr 09 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-2648 Abstände bei indexText Dpe [#898](https://github.com/mumprod/hr-design-system-handlebars/pull/898) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.63.4 (Mon Apr 08 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3321,7 +3321,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1712587592313;
+  counter-reset: cnt1712669617924;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3542,6 +3542,12 @@ article.indexTextDS .indexTextHighlighted .link {
 .col-full {
         grid-column: full;
     }
+.hideGridGroupIfEmpty[\:not-has\(section\)] {
+        display: none;
+    }
+.hideGridGroupIfEmpty:not(.hideGridGroupIfEmpty:has(section)) {
+        display: none;
+    }
 .-currentBrand::before {
   --tw-content: '';
   content: var(--tw-content);
@@ -3694,7 +3700,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1712587592313 1;
+  counter-increment: cnt1712669617924 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3710,7 +3716,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1712587592313);
+  content: counter(cnt1712669617924);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -6061,6 +6067,11 @@ article.indexTextDS .indexTextHighlighted .link {
     margin-right: 1.25rem;
   }
 
+  .md\:my-7 {
+    margin-top: 1.75rem;
+    margin-bottom: 1.75rem;
+  }
+
   .md\:-mt-40 {
     margin-top: -10rem;
   }
@@ -6081,6 +6092,10 @@ article.indexTextDS .indexTextHighlighted .link {
     margin-bottom: 1.25rem;
   }
 
+  .md\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
   .md\:mb-8 {
     margin-bottom: 2rem;
   }
@@ -6381,6 +6396,11 @@ article.indexTextDS .indexTextHighlighted .link {
     padding-bottom: 0px;
   }
 
+  .md\:py-7 {
+    padding-top: 1.75rem;
+    padding-bottom: 1.75rem;
+  }
+
   .md\:pl-0 {
     padding-left: 0px;
   }

package/dist/views/components/grid/grid_group_highlight.hbs

@@ -1,9 +1,9 @@
 </div>
-<div class="grid col-full grid-page my-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
-    <section class="grid grid-cols-12 py-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
+<div class="grid col-full grid-page my-5 md:my-7{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
+    <section class="grid grid-cols-12 py-5 md:py-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
         <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
             {{> @partial-block }}
         </div>
     </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/dist/views/components/grid/grid_group_tabbed.hbs

@@ -2,4 +2,4 @@
 <section class="grid grid-cols-12 px-9.5 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-hr rounded-br-hr col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
 </section>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/dist/views/components/grid/grid_group_wrapper_classes.hbs

@@ -1 +1 @@
-grid grid-cols-12 bg-white pt-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
+grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14

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

@@ -1,7 +1,7 @@
 </div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-8 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 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"
 >
   <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 +19,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}"> 
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty"> 

package/dist/views_static/components/grid/grid_group_highlight.hbs

@@ -1,9 +1,9 @@
 </div>
-<div class="grid col-full grid-page my-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
-    <section class="grid grid-cols-12 py-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
+<div class="grid col-full grid-page my-5 md:my-7{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
+    <section class="grid grid-cols-12 py-5 md:py-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
         <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
             {{> @partial-block }}
         </div>
     </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/dist/views_static/components/grid/grid_group_tabbed.hbs

@@ -2,4 +2,4 @@
 <section class="grid grid-cols-12 px-9.5 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-hr rounded-br-hr col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
 </section>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/dist/views_static/components/grid/grid_group_wrapper_classes.hbs

@@ -1 +1 @@
-grid grid-cols-12 bg-white pt-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
+grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14

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

@@ -1,7 +1,7 @@
 </div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-8 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 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"
 >
   <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 +19,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}"> 
+<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.63.4",
+    "version": "1.63.5",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

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

@@ -240,7 +240,9 @@
     .col-full {
         grid-column: full;
     }
-
+    .hideGridGroupIfEmpty:not(.hideGridGroupIfEmpty:has(section)) {
+        display: none;
+    }
     .-currentBrand {
         @apply before:content-[''] md:before:absolute md:before:left-[calc(50%-0.5rem)] md:before:w-0 md:before:h-0 md:before:border-t-0 md:before:border-r-8 md:before:border-r-transparent md:before:border-l-8 md:before:border-l-transparent md:before:border-b-8 md:before:border-brandnav-pseudo md:before:mt-6;
     }

package/src/stories/views/components/grid/grid_group_highlight.hbs

@@ -1,9 +1,9 @@
 </div>
-<div class="grid col-full grid-page my-6{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
-    <section class="grid grid-cols-12 py-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
+<div class="grid col-full grid-page my-5 md:my-7{{inline-switch _backgroundColor '["1","2"]' '[" bg-gray-concrete"," bg-orange-bridesmaid"]'}}">
+    <section class="grid grid-cols-12 py-5 md:py-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-9">
         <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
             {{> @partial-block }}
         </div>
     </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/src/stories/views/components/grid/grid_group_tabbed.hbs

@@ -2,4 +2,4 @@
 <section class="grid grid-cols-12 px-9.5 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-hr rounded-br-hr col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
 </section>
-<div class="{{> components/grid/grid_group_wrapper_classes }}">
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">

package/src/stories/views/components/grid/grid_group_wrapper_classes.hbs

@@ -1 +1 @@
-grid grid-cols-12 bg-white pt-6 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
+grid grid-cols-12 bg-white pt-5 md:pt-7 sm:px-9.5 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14

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

@@ -1,7 +1,7 @@
 </div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}', test:true }"
-  class="grid grid-cols-12 pt-6 mx-0 mb-8 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 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"
 >
   <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 +19,4 @@
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
 </div>
-<div class="{{> components/grid/grid_group_wrapper_classes }}"> 
+<div class="{{> components/grid/grid_group_wrapper_classes }} hideGridGroupIfEmpty">