hr-design-system-handlebars 0.47.14 → 0.47.15

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.47.15 (Thu Jun 23 2022)
+
+#### 🐛 Bug Fix
+
+- Posterteaser-final [#250](https://github.com/mumprod/hr-design-system-handlebars/pull/250) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v0.47.14 (Tue Jun 21 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1548,6 +1548,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     margin-left: 1.25rem;
     margin-right: 1.25rem;
 }
+.mx-8 {
+    margin-left: 2rem;
+    margin-right: 2rem;
+}
 .mx-px {
     margin-left: 1px;
     margin-right: 1px;
@@ -1573,8 +1577,8 @@ Ensure the default browser behavior of the `hidden` attribute.
 .-mt-10 {
     margin-top: -2.5rem;
 }
-.mb-7 {
-    margin-bottom: 1.75rem;
+.mb-8 {
+    margin-bottom: 2rem;
 }
 .mr-4 {
     margin-right: 1rem;
@@ -2706,6 +2710,10 @@ Ensure the default browser behavior of the `hidden` attribute.
         margin-top: -10rem;
     }
 
+    .md\:mb-16 {
+        margin-bottom: 4rem;
+    }
+
     .md\:block {
         display: block;
     }

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

@@ -14,7 +14,11 @@
         ~}}       
     {{~/case~}}
     {{~#case "poster"~}}
-        text-2xl      
+        {{~inline-switch
+            size
+            '["50","33"]'
+            '["text-2xl md:text-4xl","text-2xl"]'
+        ~}}     
     {{~/case~}}
 {{~/switch~}}
 {{~inline-switch

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

@@ -3,12 +3,12 @@
         {{~> components/base/image/responsive_image this.teaserImage type=this.teaserType variant=this.content.imageVariant noDelay=../_noDelay addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 
     <div class="absolute flex justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-3xl rounded-br-3xl" aria-hidden="true">
-        <div class="self-center block mx-4 text-center text-white">
+        <div class="self-center block mx-8 text-center text-white">
             {{> components/teaser/components/teaser_heading headlineTag="h2" size=teaserSize font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}   
         </div>
     </div>
     {{#>components/base/link css="absolute flex w-full h-full justify-center" isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="mediaLink" }}
-        <div class="self-end px-2 text-white border border-white mb-7">{{this.link.readMoreText.readMoreLong}}</div>
+        <div class="self-end px-2 {{inline-switch teaserSize '["33","50"]' '["mb-8","mb-8 md:mb-16"]'}} text-white border border-white font-heading">{{this.link.readMoreText.readMoreLong}}</div>
     {{/components/base/link}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 
 </article>

package/package.json

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

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

@@ -14,7 +14,11 @@
         ~}}       
     {{~/case~}}
     {{~#case "poster"~}}
-        text-2xl      
+        {{~inline-switch
+            size
+            '["50","33"]'
+            '["text-2xl md:text-4xl","text-2xl"]'
+        ~}}     
     {{~/case~}}
 {{~/switch~}}
 {{~inline-switch

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

@@ -3,12 +3,12 @@
         {{~> components/base/image/responsive_image this.teaserImage type=this.teaserType variant=this.content.imageVariant noDelay=../_noDelay addClassImg="ar__content rounded-tl-3xl rounded-br-3xl" ~}}
     </figure> 
     <div class="absolute flex justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-3xl rounded-br-3xl" aria-hidden="true">
-        <div class="self-center block mx-4 text-center text-white">
+        <div class="self-center block mx-8 text-center text-white">
             {{> components/teaser/components/teaser_heading headlineTag="h2" size=teaserSize font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') }}   
         </div>
     </div>
     {{#>components/base/link css="absolute flex w-full h-full justify-center" isAriaHidden=true doTracking=(if this.doTracking 'true') clickLabelPrefix1=this.teaserSize clickLabelPrefix2="mediaLink" }}
-        <div class="self-end px-2 text-white border border-white mb-7">{{this.link.readMoreText.readMoreLong}}</div>
+        <div class="self-end px-2 {{inline-switch teaserSize '["33","50"]' '["mb-8","mb-8 md:mb-16"]'}} text-white border border-white font-heading">{{this.link.readMoreText.readMoreLong}}</div>
     {{/components/base/link}} 
     <span class="sr-only">{{this.link.readMoreText.readMoreLong}}: {{this.title}}</span> 
 </article>