hr-design-system-handlebars 1.18.3 → 1.19.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.19.0 (Mon May 08 2023)
+
+#### 🚀 Enhancement
+
+- BUGFIX: Teasers use the correct links [#628](https://github.com/mumprod/hr-design-system-handlebars/pull/628) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.18.4 (Thu May 04 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2289 "Regionen" im Burger verrutscht [#627](https://github.com/mumprod/hr-design-system-handlebars/pull/627) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.18.3 (Thu May 04 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2348,6 +2348,9 @@ video {
   font-size: 0.75rem;
   line-height: 1.063rem;
 }
+.\!font-bold {
+  font-weight: 700 !important;
+}
 .font-bold {
   font-weight: 700;
 }
@@ -2685,7 +2688,7 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .counter-reset {
-  counter-reset: cnt1683217642256;
+  counter-reset: cnt1683531974476;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -2834,9 +2837,13 @@ video {
     border-bottom-color: #ffffff;
   }
 }
-.-currentSection::after {
+.-currentSection {
+  position: relative;
+}
+.-currentSection::before {
+  position: absolute;
   margin-right: 0.5rem;
-  margin-left: -3.375rem;
+  margin-left: -1rem;
   margin-bottom: 0.125rem;
   height: 0px;
   width: 0px;
@@ -2854,13 +2861,8 @@ video {
 }
 @media (min-width: 1024px) {
 
-  .-currentSection {
-    padding-right: 0px !important;
-  }
-
-  .-currentSection::after {
-    position: relative;
-    right: 50%;
+  .-currentSection::before {
+    position: absolute;
     margin-bottom: 0px;
     margin-right: 0px;
     margin-left: 0px;
@@ -2924,7 +2926,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1683217642256 1;
+  counter-increment: cnt1683531974476 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2940,7 +2942,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1683217642256);
+  content: counter(cnt1683531974476);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3919,9 +3921,6 @@ video {
 .first\:border-t:first-child {
   border-top-width: 1px;
 }
-.first\:font-bold:first-child {
-  font-weight: 700;
-}
 .first\:font-normal:first-child {
   font-weight: 400;
 }
@@ -5203,6 +5202,10 @@ video {
     padding-top: 0.25rem;
   }
 
+  .lg\:font-normal {
+    font-weight: 400;
+  }
+
   .lg\:leading-10 {
     line-height: 2.5rem;
   }
@@ -5256,9 +5259,6 @@ video {
   }
     .lg\:first\:pl-0:first-child {
     padding-left: 0px;
-  }
-    .lg\:first\:font-normal:first-child {
-    font-weight: 400;
   }
     .lg\:last\:border-0:last-child {
     border-width: 0px;

package/dist/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -9,8 +9,8 @@
             <button id="button-{{nextRandom}}-1" 
                 @click.debounce.100ms="toggle(); correctFlyoutPos()" 
                 @resize.window="dropped=false; correctFlyoutPos()"
-                :class="dropped ? 'first:font-bold lg:first:font-normal lg:underline' : 'first:font-normal'"
-                class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4 {{#if this.selected}} font-bold{{/if}}" 
+                :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
+                class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 
                 x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                 aria-owns="flyout-{{getRandom}}" 
                 aria-controls="flyout-{{getRandom}}" 

package/dist/views/components/teaser/components/teaser_body.hbs

@@ -3,8 +3,8 @@
 
     
     {{#with this}}
-        {{#> components/teaser/components/teaser_header _link=this.link _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
-                {{#> components/base/link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }} 
+        {{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
+                {{#> components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }} 
                     {{#with this.label}}
                         {{#> components/label/label_group}}
                             {{> components/label/label _type=this.type _css="" _text=(loca this.loca)}}

package/package.json

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

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

@@ -110,7 +110,7 @@
         @apply before:content-[''] before:hidden lg:before:flex before:relative before:w-0 before:h-0 before:mr-4 before:mt-0 before:border-r-0 before:border-t-8 before:border-t-transparent before:border-l-8 before:border-l-white before:border-b-8 before:border-b-transparent lg:before:absolute lg:before:w-0 lg:before:h-0 lg:before:mr-0 lg:before:border-t-0 lg:before:border-r-8 lg:before:border-r-transparent lg:before:border-l-8 lg:before:border-l-transparent lg:before:border-b-8 lg:before:border-b-white lg:before:mt-12;
     }
     .-currentSection {
-        @apply lg:!pr-0 after:content-[''] after:w-0 after:h-0 after:mr-2 after:-ml-13-2 after:border-r-0 after:border-t-7 after:border-t-transparent after:border-l-8 after:border-l-white after:border-b-7 after:border-b-transparent after:mb-0.5 lg:after:relative lg:after:right-1/2 lg:after:mb-0  lg:after:w-0 lg:after:h-0 lg:after:mr-0 lg:after:ml-0 lg:after:border-t-0 lg:after:border-r-8 lg:after:border-r-transparent lg:after:border-l-8 lg:after:border-l-transparent lg:after:border-b-8 lg:after:border-b-white lg:after:mt-8;
+        @apply relative before:absolute before:content-[''] before:w-0 before:h-0 before:mr-2 before:-ml-4 before:border-r-0 before:border-t-7 before:border-t-transparent before:border-l-8 before:border-l-white before:border-b-7 before:border-b-transparent before:mb-0.5 lg:before:absolute lg:before:mb-0  lg:before:w-0 lg:before:h-0 lg:before:mr-0 lg:before:ml-0 lg:before:border-t-0 lg:before:border-r-8 lg:before:border-r-transparent lg:before:border-l-8 lg:before:border-l-transparent lg:before:border-b-8 lg:before:border-b-white lg:before:mt-8;
     }
     .-warnung {
         @apply text-red-600 !important;

package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs

@@ -9,8 +9,8 @@
             <button id="button-{{nextRandom}}-1" 
                 @click.debounce.100ms="toggle(); correctFlyoutPos()" 
                 @resize.window="dropped=false; correctFlyoutPos()"
-                :class="dropped ? 'first:font-bold lg:first:font-normal lg:underline' : 'first:font-normal'"
-                class="{{#if this.selected}}-currentSection lg:justify-center {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4 {{#if this.selected}} font-bold{{/if}}" 
+                :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
+                class="{{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset-white js-load pl-4 lg:pl-4 lg:pr-4 flex flex-auto w-full justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 
                 x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                 aria-owns="flyout-{{getRandom}}" 
                 aria-controls="flyout-{{getRandom}}" 

package/src/stories/views/components/teaser/components/teaser_body.hbs

@@ -3,8 +3,8 @@
 
     
     {{#with this}}
-        {{#> components/teaser/components/teaser_header _link=this.link _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
-                {{#> components/base/link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }} 
+        {{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
+                {{#> components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }} 
                     {{#with this.label}}
                         {{#> components/label/label_group}}
                             {{> components/label/label _type=this.type _css="" _text=(loca this.loca)}}