hr-design-system-handlebars 0.122.0 → 0.122.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.122.1 (Mon Jan 30 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2044 [#510](https://github.com/mumprod/hr-design-system-handlebars/pull/510) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.122.0 (Fri Jan 27 2023)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -2477,7 +2477,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1674837755593;
+  counter-reset: cnt1675088454678;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2695,7 +2695,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1674837755593 1;
+  counter-increment: cnt1675088454678 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2711,7 +2711,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1674837755593);
+  content: counter(cnt1675088454678);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -4017,6 +4017,11 @@ video {
     row-gap: 3.5rem;
   }
 
+  .md\:gap-x-4 {
+    -moz-column-gap: 1rem;
+         column-gap: 1rem;
+  }
+
   .md\:overflow-visible {
     overflow: visible;
   }
@@ -4112,14 +4117,14 @@ video {
     padding-left: 1.25rem;
   }
 
-  .md\:pt-5 {
-    padding-top: 1.25rem;
-  }
-
   .md\:pr-5 {
     padding-right: 1.25rem;
   }
 
+  .md\:pt-5 {
+    padding-top: 1.25rem;
+  }
+
   .md\:pr-0 {
     padding-right: 0px;
   }
@@ -4434,6 +4439,14 @@ video {
     width: 50%;
   }
 
+  .lg\:w-1\/3 {
+    width: 33.333333%;
+  }
+
+  .lg\:w-2\/3 {
+    width: 66.666667%;
+  }
+
   .lg\:w-42 {
     width: 10.5rem;
   }
@@ -4458,6 +4471,10 @@ video {
     flex-basis: 33.333333%;
   }
 
+  .lg\:basis-2\/3 {
+    flex-basis: 66.666667%;
+  }
+
   .lg\:flex-row {
     flex-direction: row;
   }

package/dist/views/components/teaser/cluster/teaser_cluster_list.hbs

@@ -1,15 +1,15 @@
-<div class="{{~#if this.showFirstImageOrGenreImage}}{{~inline-switch this.realTeaserSize '["100"]' '[" md:flex md:flex-row"]'}}{{~/if~}}">
+<div class="flex flex-col {{~#if this.showFirstImageOrGenreImage}}{{~inline-switch this.realTeaserSize '["100"]' '[" md:flex-row md:gap-x-4"]'}}{{~/if~}}">
     {{~#if this.showGenreImage}}
-        <div class="px-0 pb-5 {{~inline-switch this.realTeaserSize '["100"]' '[" md:pl-5 md:basis-1/2 lg:basis-1/3 md:ar-1-1"]'}}">
-            {{~> components/base/image/responsive_image this.genreImage _type=this.teaserType _variant=this.imageVariant _addClass=this.aspectRatio _addClassImg="w-full" ~}}
+        <div class="pb-5{{~inline-switch this.realTeaserSize '["100"]' '[" md:basis-1/2 lg:basis-1/3 md:w-1/2 lg:w-1/3 md:ar-1-1 md:pl-5"]'}}">
+            {{~> components/base/image/responsive_image this.genreImage _type=this.teaserType _variant=this.imageVariant _addClass=this.aspectRatio ~}}
         </div>
     {{~/if~}}
     {{~#if this.showFirstImage}}
         {{~#with this.firstEntry~}}
             {{~#if this.teaserImage}}
-                <div class="px-0 pb-3 {{~inline-switch ../this.realTeaserSize '["100"]' '[" md:pl-5 md:basis-1/2 lg:basis-1/3"]'}}">   
-                    {{~> components/base/image/responsive_image this.teaserImage _type=../this.teaserType _variant=../this.imageVariant _addClass=../this.aspectRatio _addClassImg="w-full" ~}}
-                    <div class="mx-5 mt-3 {{~inline-switch ../this.realTeaserSize '["100"]' '[" md:mx-0"]'}}">
+                <div class="pb-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2 lg:basis-1/3 md:w-1/2 lg:w-1/3 md:pl-5"]'}}">   
+                    {{~> components/base/image/responsive_image this.teaserImage _type=../this.teaserType _variant=../this.imageVariant _addClass=../this.aspectRatio ~}}
+                    <div class="mx-5 mt-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:mx-0"]'}}">
                         {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../this.isOrdered _firstItem=true}}
                     </div> 
                 </div>   
@@ -17,9 +17,13 @@
         {{~/with~}}
     {{/if~}}
     {{~#with this.clusterTeaserItems}}
-        {{~#if ../this.isOrdered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{/if}}
+        {{~#if ../this.isOrdered}}
+            <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2 lg:basis-2/3 md:w-1/2 lg:w-1/3"]'}}{{/if~}}">
+        {{else}}
+            <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2 lg:basis-2/3 md:w-1/2 lg:w-2/3"]'}}{{/if~}}">
+        {{/if}}
             {{~#each this~}}
-                <li class="{{~#if ../../this.isOrdered}} -ordered {{/if}} py-3 {{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
+                <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
                     {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../../this.isOrdered }} 
                 </li>
             {{~/each}}

package/package.json

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

package/src/stories/views/components/teaser/cluster/teaser_cluster_list.hbs

@@ -1,15 +1,15 @@
-<div class="{{~#if this.showFirstImageOrGenreImage}}{{~inline-switch this.realTeaserSize '["100"]' '[" md:flex md:flex-row"]'}}{{~/if~}}">
+<div class="flex flex-col {{~#if this.showFirstImageOrGenreImage}}{{~inline-switch this.realTeaserSize '["100"]' '[" md:flex-row md:gap-x-4"]'}}{{~/if~}}">
     {{~#if this.showGenreImage}}
-        <div class="px-0 pb-5 {{~inline-switch this.realTeaserSize '["100"]' '[" md:pl-5 md:basis-1/2 lg:basis-1/3 md:ar-1-1"]'}}">
-            {{~> components/base/image/responsive_image this.genreImage _type=this.teaserType _variant=this.imageVariant _addClass=this.aspectRatio _addClassImg="w-full" ~}}
+        <div class="pb-5{{~inline-switch this.realTeaserSize '["100"]' '[" md:basis-1/2 lg:basis-1/3 md:w-1/2 lg:w-1/3 md:ar-1-1 md:pl-5"]'}}">
+            {{~> components/base/image/responsive_image this.genreImage _type=this.teaserType _variant=this.imageVariant _addClass=this.aspectRatio ~}}
         </div>
     {{~/if~}}
     {{~#if this.showFirstImage}}
         {{~#with this.firstEntry~}}
             {{~#if this.teaserImage}}
-                <div class="px-0 pb-3 {{~inline-switch ../this.realTeaserSize '["100"]' '[" md:pl-5 md:basis-1/2 lg:basis-1/3"]'}}">   
-                    {{~> components/base/image/responsive_image this.teaserImage _type=../this.teaserType _variant=../this.imageVariant _addClass=../this.aspectRatio _addClassImg="w-full" ~}}
-                    <div class="mx-5 mt-3 {{~inline-switch ../this.realTeaserSize '["100"]' '[" md:mx-0"]'}}">
+                <div class="pb-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2 lg:basis-1/3 md:w-1/2 lg:w-1/3 md:pl-5"]'}}">   
+                    {{~> components/base/image/responsive_image this.teaserImage _type=../this.teaserType _variant=../this.imageVariant _addClass=../this.aspectRatio ~}}
+                    <div class="mx-5 mt-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:mx-0"]'}}">
                         {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../this.isOrdered _firstItem=true}}
                     </div> 
                 </div>   
@@ -17,9 +17,13 @@
         {{~/with~}}
     {{/if~}}
     {{~#with this.clusterTeaserItems}}
-        {{~#if ../this.isOrdered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{/if}}
+        {{~#if ../this.isOrdered}}
+            <ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset border-t border-white{{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2 lg:basis-2/3 md:w-1/2 lg:w-1/3"]'}}{{/if~}}">
+        {{else}}
+            <ul class="mx-5 divide-y divide-white divide-solid border-t border-white {{~#if ../this.showFirstImageOrGenreImage}}{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:mx-0 md:pr-5 md:border-none md:basis-1/2 lg:basis-2/3 md:w-1/2 lg:w-2/3"]'}}{{/if~}}">
+        {{/if}}
             {{~#each this~}}
-                <li class="{{~#if ../../this.isOrdered}} -ordered {{/if}} py-3 {{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
+                <li class="{{~#if ../../this.isOrdered}}-ordered{{/if}} py-3{{#unless ../../this.overviewLink.link}} last-of-type:pb-3{{/unless~}}{{~#if ../../this.showFirstImageOrGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
                     {{> components/teaser/cluster/teaser_cluster_item _size=../this.realTeaserSize _ordered=../../this.isOrdered }} 
                 </li>
             {{~/each}}