hr-design-system-handlebars 0.123.0 → 0.123.2

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v0.123.2 (Tue Feb 07 2023)
+
+#### 🐛 Bug Fix
+
+- Bild in Cluster-Teaser nicht verlinkt [#522](https://github.com/mumprod/hr-design-system-handlebars/pull/522) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.123.1 (Tue Feb 07 2023)
+
+#### 🐛 Bug Fix
+
+- bugfix Label bylineText [#521](https://github.com/mumprod/hr-design-system-handlebars/pull/521) (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.123.0 (Fri Feb 03 2023)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -423,7 +423,7 @@ video {
   --tw-scale-y: 1;
 }
 
-.btn--secondary, .ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link-clusterTeaser, .ds-link:not(:focus-visible), .ds-link-clusterTeaser:not(:focus-visible), .ds-teaser-focus::before, span, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .shadow-inner, .shadow-xl, .shadow, .before\:shadow-stage::before {
+.btn--secondary, .ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-link-clusterTeaser, .ds-link-clusterTeaser:not(:focus-visible), .ds-teaser-focus::before, span, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .shadow-inner, .shadow-xl, .shadow, .before\:shadow-stage::before {
   --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
   --tw-ring-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -655,7 +655,15 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.ds-link:focus:not(:focus-visible) {
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+}
 .ds-link-clusterTeaser {
+  display: block;
   --tw-text-opacity: 1;
   color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
@@ -670,13 +678,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.ds-link:focus:not(:focus-visible) {
-  --tw-shadow: 0 0 rgba(0,0,0,0);
-  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
-}
 .ds-link-clusterTeaser:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
@@ -2505,7 +2506,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1675442708756;
+  counter-reset: cnt1675780977415;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2723,7 +2724,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1675442708756 1;
+  counter-increment: cnt1675780977415 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2739,7 +2740,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1675442708756);
+  content: counter(cnt1675780977415);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/label/label.hbs

@@ -10,7 +10,7 @@
 
 </span>
 {{~#with this.byline~}}
-    <span class='ml-2 text-xs font-headingSerif {{#if ../_css}}{{../_css}}{{else}}text-grey-scorpion{{/if}}'>
+    <span class='ml-2 text-xs font-headingSerif {{#if ../_bylineCss}}{{../_bylineCss}}{{else}}text-grey-scorpion{{/if}}'>
         {{~#if this.bylineSsi~}}
             {{{this.bylineSsi}}}
         {{~else~}}

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

@@ -1,7 +1,6 @@
-
-{{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }} 
+{{#decorator 'components/base/link' _css=(if _firstItem "group ds-teaser-focus" "group ds-link-clusterTeaser") }} 
     {{> components/teaser/components/teaser_heading
-        _headlineTag="h1"
+        _headlineTag="h3"
         _headlineCss=""
         _label=this.label
         _size=_size
@@ -11,5 +10,4 @@
         _titleCss='text-clusterTeaserLink'
         _firstItem=_firstItem}}        
 {{/decorator}}
-{{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}
-                
+{{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}

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

@@ -7,7 +7,7 @@
     {{~#if this.showFirstImage}}
         {{~#with this.firstEntry~}}
             {{~#if this.teaserImage}}
-                <div class="pb-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2-gap-6 lg:basis-1/3-gap-6 md:pl-5"]'}}">   
+                <div class="pb-3 relative{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2-gap-6 lg:basis-1/3-gap-6 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}}

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

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

package/package.json

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

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

@@ -100,15 +100,15 @@
     .ds-link {
         @apply block focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;
     }
+    
+    .ds-link:focus:not(:focus-visible) {
+        @apply shadow-none;
+    }
 
     .ds-link-clusterTeaser {
-        @apply  text-grey-scorpion focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;
+        @apply block text-grey-scorpion focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;
     }
 
-    .ds-link:focus:not(:focus-visible) {
-        @apply shadow-none;
-    }
-    
     .ds-link-clusterTeaser:focus:not(:focus-visible) {
         @apply shadow-none;
     }

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

@@ -10,7 +10,7 @@
 
 </span>
 {{~#with this.byline~}}
-    <span class='ml-2 text-xs font-headingSerif {{#if ../_css}}{{../_css}}{{else}}text-grey-scorpion{{/if}}'>
+    <span class='ml-2 text-xs font-headingSerif {{#if ../_bylineCss}}{{../_bylineCss}}{{else}}text-grey-scorpion{{/if}}'>
         {{~#if this.bylineSsi~}}
             {{{this.bylineSsi}}}
         {{~else~}}

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

@@ -1,7 +1,6 @@
-
-{{#decorator 'components/base/link' _css="group ds-link-clusterTeaser" }} 
+{{#decorator 'components/base/link' _css=(if _firstItem "group ds-teaser-focus" "group ds-link-clusterTeaser") }} 
     {{> components/teaser/components/teaser_heading
-        _headlineTag="h1"
+        _headlineTag="h3"
         _headlineCss=""
         _label=this.label
         _size=_size
@@ -11,5 +10,4 @@
         _titleCss='text-clusterTeaserLink'
         _firstItem=_firstItem}}        
 {{/decorator}}
-{{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}
-                
+{{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}

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

@@ -7,7 +7,7 @@
     {{~#if this.showFirstImage}}
         {{~#with this.firstEntry~}}
             {{~#if this.teaserImage}}
-                <div class="pb-3{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2-gap-6 lg:basis-1/3-gap-6 md:pl-5"]'}}">   
+                <div class="pb-3 relative{{~inline-switch ../this.realTeaserSize '["100"]' '[" md:basis-1/2-gap-6 lg:basis-1/3-gap-6 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}}

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

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