hr-design-system-handlebars 0.117.6 → 0.117.8

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v0.117.8 (Thu Jan 12 2023)
+
+#### 🐛 Bug Fix
+
+- Responsive image configs for teasers in Tabbox [#473](https://github.com/mumprod/hr-design-system-handlebars/pull/473) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
+# v0.117.7 (Thu Jan 12 2023)
+
+#### 🐛 Bug Fix
+
+- Dpe 1981 ff [#472](https://github.com/mumprod/hr-design-system-handlebars/pull/472) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.117.6 (Thu Jan 12 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -826,12 +826,12 @@ video {
 .mt-2 {
   margin-top: 0.5rem;
 }
-.mt-0 {
-  margin-top: 0px;
-}
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mt-0 {
+  margin-top: 0px;
+}
 .mb-0 {
   margin-bottom: 0px;
 }
@@ -1481,10 +1481,6 @@ video {
 .bg-transparent {
   background-color: transparent;
 }
-.bg-grey-light {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 248, 248, var(--tw-bg-opacity));
-}
 .bg-gray-200 {
   --tw-bg-opacity: 1;
   background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
@@ -1738,6 +1734,9 @@ video {
   padding-top: 1px;
   padding-bottom: 1px;
 }
+.pt-1 {
+  padding-top: 0.25rem;
+}
 .pl-2 {
   padding-left: 0.5rem;
 }
@@ -1750,9 +1749,6 @@ video {
 .pr-2 {
   padding-right: 0.5rem;
 }
-.pt-1 {
-  padding-top: 0.25rem;
-}
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -2228,7 +2224,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1673525493684;
+  counter-reset: cnt1673528551788;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2460,7 +2456,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1673525493684 1;
+  counter-increment: cnt1673528551788 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2476,7 +2472,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1673525493684);
+  content: counter(cnt1673528551788);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/content_nav/content_nav.hbs

@@ -1,6 +1,6 @@
 {{#with this.contentNav}}
     {{#if this.isListOrFlow}}
-        <nav x-cloak class="w-full px-2 md:px-0 c-content-nav">
+        <nav class="w-full px-2 md:px-0 c-content-nav">
             {{> components/content_nav/content_nav_container
                     _teaserSize=../_teaserSize
                     _maindivclass="flex relative flex-wrap mt-2 mx-2 md:mx-0 md:mt-0 "
@@ -8,7 +8,7 @@
         </nav>
     {{else}}
         {{#decorator 'components/content_nav/content_nav_dropdown'
-                     _componentClass="c-content-nav h-10 md:h-auto w-full"
+                     _componentClass="c-content-nav h-10 md:h-auto w-full mb-2 last:mb-0 "
                      _teaserSize=../_teaserSize
                      _iconOpen="arrow-down"
                      _iconClose="arrow-up"

package/dist/views/components/content_nav/content_nav_container.hbs

@@ -1,4 +1,4 @@
-<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
+<div class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
      @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest');"
 
     {{#if this.isAutosuggest}}
@@ -6,7 +6,7 @@
     {{/if}}
 >
     {{#if this.isAutosuggest}}
-        <div class="flex bg-grey-light mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
+        <div class="flex mx-0 w-full h-10 pt-1 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
                    class="w-full h-8 pl-2 bg-gray-200 text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"

package/dist/views/components/content_nav/content_nav_dropdown.hbs

@@ -1,5 +1,5 @@
-<nav x-cloak
-     class="w-full mb-2 last:mb-0 {{#if this.isMixed}} px-2 md:px-0 {{else}} px-0 {{/if}}  {{_componentClass}} "
+<nav 
+     class="w-full {{#if this.isMixed}} px-2 md:px-0 {{else}} px-0 {{/if}}  {{_componentClass}} "
      id="dropdown--{{nextRandom}}"
      tabindex="0"
      role="navigation"

package/package.json

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

package/src/assets/fixtures/teaser/teaser_group_tabbox.inc.json

@@ -350,7 +350,7 @@
             "logicItems": [
                 {
                     "@->jsoninclude": "teaser/teasers.inc.json",
-                    "@->contentpath": "teaser_3",
+                    "@->contentpath": "teaser_audio",
                     "@->overrides": [
                         {
                             "@->contentpath": "logicItem.includeModel.shorttext",
@@ -366,7 +366,7 @@
                         },
                         {
                             "@->contentpath": "logicItem.includePath",
-                            "@->value": "components/teaser/teaser_alternative"
+                            "@->value": "components/teaser/teaser_alternativ"
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.teaserSize",
@@ -378,7 +378,7 @@
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.teaserType",
-                            "@->value": "alternative-ds"
+                            "@->value": "tabbox-alternative-ds"
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.isMobile1to1",
@@ -401,7 +401,7 @@
                 },
                 {
                     "@->jsoninclude": "teaser/teasers.inc.json",
-                    "@->contentpath": "teaser_2",
+                    "@->contentpath": "teaser_audio",
                     "@->overrides": [
                         {
                             "@->contentpath": "logicItem.includeModel.shorttext",
@@ -417,7 +417,7 @@
                         },
                         {
                             "@->contentpath": "logicItem.includePath",
-                            "@->value": "components/teaser/teaser_alternative"
+                            "@->value": "components/teaser/teaser_alternativ"
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.teaserSize",
@@ -429,7 +429,7 @@
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.teaserType",
-                            "@->value": "alternative-ds"
+                            "@->value": "tabbox-alternative-ds"
                         },
                         {
                             "@->contentpath": "logicItem.includeModel.isMobile1to1",

package/src/assets/fixtures/teaser/teaser_images.inc.json

@@ -86,7 +86,7 @@
                 },
                 {
                     "media": "all and (min-width: 48rem) ",
-                    "sizes": "450px",
+                    "sizes": "460px",
                     "srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w"
                 }
             ]

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

@@ -1,6 +1,6 @@
 {{#with this.contentNav}}
     {{#if this.isListOrFlow}}
-        <nav x-cloak class="w-full px-2 md:px-0 c-content-nav">
+        <nav class="w-full px-2 md:px-0 c-content-nav">
             {{> components/content_nav/content_nav_container
                     _teaserSize=../_teaserSize
                     _maindivclass="flex relative flex-wrap mt-2 mx-2 md:mx-0 md:mt-0 "
@@ -8,7 +8,7 @@
         </nav>
     {{else}}
         {{#decorator 'components/content_nav/content_nav_dropdown'
-                     _componentClass="c-content-nav h-10 md:h-auto w-full"
+                     _componentClass="c-content-nav h-10 md:h-auto w-full mb-2 last:mb-0 "
                      _teaserSize=../_teaserSize
                      _iconOpen="arrow-down"
                      _iconClose="arrow-up"

package/src/stories/views/components/content_nav/content_nav_container.hbs

@@ -1,4 +1,4 @@
-<div x-cloak class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
+<div class="{{_maindivclass}} {{#if this.isAutosuggest}} autoSuggest js-load{{/if}} {{#if this.isMixed}}relative {{else}}absolute{{/if}}"
      @click.outside ="contentNavDropdownIsOpen = false; $dispatch('hr:global:resetinputAutoSuggest');"
 
     {{#if this.isAutosuggest}}
@@ -6,7 +6,7 @@
     {{/if}}
 >
     {{#if this.isAutosuggest}}
-        <div class="flex bg-grey-light mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
+        <div class="flex mx-0 w-full h-10 pt-1 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
                    class="w-full h-8 pl-2 bg-gray-200 text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"

package/src/stories/views/components/content_nav/content_nav_dropdown.hbs

@@ -1,5 +1,5 @@
-<nav x-cloak
-     class="w-full mb-2 last:mb-0 {{#if this.isMixed}} px-2 md:px-0 {{else}} px-0 {{/if}}  {{_componentClass}} "
+<nav 
+     class="w-full {{#if this.isMixed}} px-2 md:px-0 {{else}} px-0 {{/if}}  {{_componentClass}} "
      id="dropdown--{{nextRandom}}"
      tabindex="0"
      role="navigation"