hr-design-system-handlebars 0.54.1 → 0.54.2

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v0.54.2 (Fri Aug 19 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1656 [#298](https://github.com/mumprod/hr-design-system-handlebars/pull/298) (zouhair1 [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (zouhair1)
+
+---
+
 # v0.54.1 (Fri Aug 19 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1807,7 +1807,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1660913417985;
+  counter-reset: cnt1660914683440;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -2190,7 +2190,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1660913417985 1;
+  counter-increment: cnt1660914683440 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2207,7 +2207,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1660913417985);
+  content: counter(cnt1660914683440);
 }
 /*! purgecss start ignore */
 :root,
@@ -2596,9 +2596,6 @@ video {
 .last-of-type\:hidden:last-of-type {
   display: none;
 }
-.last-of-type\:pb-9:last-of-type {
-  padding-bottom: 2.25rem;
-}
 .last-of-type\:pb-0:last-of-type {
   padding-bottom: 0px;
 }

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

@@ -1,5 +1,5 @@
 <article class="mx-5 md:mx-0  col-span-12 grid bg-[#dce8f0] rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
-    <div class="{{~#unless this.showGenreImage}}divide-y divide-white divide-solid{{~/unless~}}">
+    <div class="">
             <h2 class="flex items-center px-5 py-6 font-bold font-headingSerif text-blue-congress">
                 {{#if this.teaserLogo}}
                     <span>

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

@@ -1,50 +1,16 @@
-    <div class="{{~#if this.showGenreImage}}{{~inline-switch this.teaserSize '["100"]' '["md:flex md:flex-row"]'}}{{~/if~}}">
+<div class="{{~#if this.showGenreImage}}{{~inline-switch this.teaserSize '["100"]' '[" md:flex md:flex-row"]'}}{{~/if~}}">
     {{~#if this.showGenreImage}}
         <div class="px-0 pb-5 {{~inline-switch this.teaserSize '["100"]' '[" md:pl-5 md:basis-1/3 md:ar-1-1"]'}}">
             {{~> components/base/image/responsive_image this.genreImage type="standard-ds" variant="topteaser" _addClassImg="ar__content" ~}}
-            
-            {{!-- {{~#if this.isPodcastChannel}}
-                {{~#with this.podcastFeeds}}
-                    <div class="c-clusterTeaser__firstEntryByline">
-                        <span class="byline">Podcast Feed:
-                            <a href="{{this.0.url}}" class="link" target="_blank"  rel="noopener noreferrer">{{this.0.feedName}}</a> 
-                            {{#if ../this.hasPodcastAndItunesUrl}}
-                                |
-                            {{/if}}
-                            <a href="{{this.1.url}}" class="link" target="_blank"  rel="noopener noreferrer">{{this.1.feedName}}</a>
-                        </span>
-                    </div>
-                {{/with~}}
-            {{/if~}} --}}
         </div>
     {{~/if~}}
-    {{!-- {{~#if this.showFirstImage}}
-        {{~#with this.firstEntry~}}
-            <div class="c-clusterTeaser__firstEntry">
-                <div class="c-clusterTeaser__firstEntryWraper">
-                    {{> modules/teaser/cluster-teaser/clusterteaser-link}}
-                </div>
-            {{~#if this.teaserImage}}
-                {{#decorator "base/link/link" _cssClasses="c-clusterTeaser__imageLink"}}
-                    {{~#with this.content.teaserImage}}
-                        {{~> base/image/responsiveImage _type=../../../this.content.teasertype _variant=../../../this.content.imageVariant _addClass=../../../this.content..aspectRatio _addClassImg="ar__content" ~}}
-                    {{/with}}
-                {{/decorator}}
-            {{/if~}}
-            </div>
-        {{~/with~}}
-    {{/if~}} --}}
-
-
-
-
-{{~#with this.clusterTeaserItems}}
-    {{~#if ../_ordered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{/if}}
-        {{~#each this~}}
-            <li class="{{~#if ../../_ordered}} -ordered {{/if}} py-5 last-of-type:pb-9{{#with ../../this.headlineListItems}} {{#if this.link}} last-of-type:pb-0{{/if~}}{{/with~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
-                {{> components/teaser/cluster/teaser_cluster_item _ordered=../../_ordered }} 
-            </li>
-        {{~/each}}
-    {{~#if ../_ordered}}</ol>{{else}}</ul>{{/if~}}
+    {{~#with this.clusterTeaserItems}}
+        {{~#if ../_ordered}}<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}}
+            {{~#each this~}}
+                <li class="{{~#if ../../_ordered}} -ordered {{/if}} py-5 {{#if ../../this.headlineListItems.link}} last-of-type:pb-0{{/if~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
+                    {{> components/teaser/cluster/teaser_cluster_item _ordered=../../_ordered }} 
+                </li>
+            {{~/each}}
+        {{~#if ../_ordered}}</ol>{{else}}</ul>{{/if~}}
 {{/with~}}
 </div>

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

@@ -1,6 +1,6 @@
-{{#with label}}
+{{#with _label}}
     <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">
-        {{> components/label/label type=this.type text=(loca this.loca)}}
+        {{> components/label/label _type=this.type _text=(loca this.loca)}}
     </div>
 {{/with~}}    
 <{{~ _headlineTag ~}}>

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

@@ -1,3 +1,3 @@
-<span class='block mt-0.5 group-hover:underline {{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes size=size teaserType=teaserType fontVariant=fontVariant _isMobile1to1=_isMobile1to1}}'>
-    {{~text~}}
+<span class='block mt-0.5 group-hover:underline {{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes _size=_size _teaserType=_teaserType _fontVariant=_fontVariant _isMobile1to1=_isMobile1to1}}'>
+    {{~_text~}}
 </span>

package/package.json

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

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

@@ -1,5 +1,5 @@
 <article class="mx-5 md:mx-0  col-span-12 grid bg-[#dce8f0] rounded-tl-3xl rounded-br-3xl {{~inline-switch this.teaserSize '["25","33","50"]' '[" md:col-span-3"," md:col-span-4"," md:col-span-6",""]'}} ">
-    <div class="{{~#unless this.showGenreImage}}divide-y divide-white divide-solid{{~/unless~}}">
+    <div class="">
             <h2 class="flex items-center px-5 py-6 font-bold font-headingSerif text-blue-congress">
                 {{#if this.teaserLogo}}
                     <span>

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

@@ -1,50 +1,16 @@
-    <div class="{{~#if this.showGenreImage}}{{~inline-switch this.teaserSize '["100"]' '["md:flex md:flex-row"]'}}{{~/if~}}">
+<div class="{{~#if this.showGenreImage}}{{~inline-switch this.teaserSize '["100"]' '[" md:flex md:flex-row"]'}}{{~/if~}}">
     {{~#if this.showGenreImage}}
         <div class="px-0 pb-5 {{~inline-switch this.teaserSize '["100"]' '[" md:pl-5 md:basis-1/3 md:ar-1-1"]'}}">
             {{~> components/base/image/responsive_image this.genreImage type="standard-ds" variant="topteaser" _addClassImg="ar__content" ~}}
-            
-            {{!-- {{~#if this.isPodcastChannel}}
-                {{~#with this.podcastFeeds}}
-                    <div class="c-clusterTeaser__firstEntryByline">
-                        <span class="byline">Podcast Feed:
-                            <a href="{{this.0.url}}" class="link" target="_blank"  rel="noopener noreferrer">{{this.0.feedName}}</a> 
-                            {{#if ../this.hasPodcastAndItunesUrl}}
-                                |
-                            {{/if}}
-                            <a href="{{this.1.url}}" class="link" target="_blank"  rel="noopener noreferrer">{{this.1.feedName}}</a>
-                        </span>
-                    </div>
-                {{/with~}}
-            {{/if~}} --}}
         </div>
     {{~/if~}}
-    {{!-- {{~#if this.showFirstImage}}
-        {{~#with this.firstEntry~}}
-            <div class="c-clusterTeaser__firstEntry">
-                <div class="c-clusterTeaser__firstEntryWraper">
-                    {{> modules/teaser/cluster-teaser/clusterteaser-link}}
-                </div>
-            {{~#if this.teaserImage}}
-                {{#decorator "base/link/link" _cssClasses="c-clusterTeaser__imageLink"}}
-                    {{~#with this.content.teaserImage}}
-                        {{~> base/image/responsiveImage _type=../../../this.content.teasertype _variant=../../../this.content.imageVariant _addClass=../../../this.content..aspectRatio _addClassImg="ar__content" ~}}
-                    {{/with}}
-                {{/decorator}}
-            {{/if~}}
-            </div>
-        {{~/with~}}
-    {{/if~}} --}}
-
-
-
-
-{{~#with this.clusterTeaserItems}}
-    {{~#if ../_ordered}}<ol class="mx-5 list-none divide-y divide-white divide-solid counter-reset {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{else}}<ul class="mx-5 divide-y divide-white divide-solid {{~#if ../this.showGenreImage}} border-t border-white{{~inline-switch ../this.teaserSize '["100"]' '[" md:-pt-5 md:border-none"]'}}{{/if~}}">{{/if}}
-        {{~#each this~}}
-            <li class="{{~#if ../../_ordered}} -ordered {{/if}} py-5 last-of-type:pb-9{{#with ../../this.headlineListItems}} {{#if this.link}} last-of-type:pb-0{{/if~}}{{/with~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
-                {{> components/teaser/cluster/teaser_cluster_item _ordered=../../_ordered }} 
-            </li>
-        {{~/each}}
-    {{~#if ../_ordered}}</ol>{{else}}</ul>{{/if~}}
+    {{~#with this.clusterTeaserItems}}
+        {{~#if ../_ordered}}<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}}
+            {{~#each this~}}
+                <li class="{{~#if ../../_ordered}} -ordered {{/if}} py-5 {{#if ../../this.headlineListItems.link}} last-of-type:pb-0{{/if~}} {{~#if ../../this.showGenreImage}}{{~inline-switch ../../this.teaserSize '["100"]' '[" md:first-of-type:pt-0"]'}}{{/if~}}">
+                    {{> components/teaser/cluster/teaser_cluster_item _ordered=../../_ordered }} 
+                </li>
+            {{~/each}}
+        {{~#if ../_ordered}}</ol>{{else}}</ul>{{/if~}}
 {{/with~}}
 </div>

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

@@ -1,6 +1,6 @@
-{{#with label}}
+{{#with _label}}
     <div class="leading-5.5{{#if ../_ordered}} pl-8 {{/if}}">
-        {{> components/label/label type=this.type text=(loca this.loca)}}
+        {{> components/label/label _type=this.type _text=(loca this.loca)}}
     </div>
 {{/with~}}    
 <{{~ _headlineTag ~}}>

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

@@ -1,3 +1,3 @@
-<span class='block mt-0.5 group-hover:underline {{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes size=size teaserType=teaserType fontVariant=fontVariant _isMobile1to1=_isMobile1to1}}'>
-    {{~text~}}
+<span class='block mt-0.5 group-hover:underline {{#if _titleBlue}} text-blue-congress {{/if}}{{#if _ordered}} pl-8 {{/if}} {{> components/teaser/components/teaser_title_classes _size=_size _teaserType=_teaserType _fontVariant=_fontVariant _isMobile1to1=_isMobile1to1}}'>
+    {{~_text~}}
 </span>