hr-design-system-handlebars 0.42.3 → 0.42.4

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.42.4 (Tue Apr 12 2022)
+
+#### 🐛 Bug Fix
+
+- responsiveImage 2.1 [#213](https://github.com/mumprod/hr-design-system-handlebars/pull/213) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.42.3 (Tue Apr 12 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1411,7 +1411,7 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
     font-size: 1.125rem;
-    line-height: 1.75rem;
+    line-height: 1.5rem;
 }
 .sr-only {
     position: absolute;
@@ -1689,13 +1689,13 @@ Ensure the default browser behavior of the `hidden` attribute.
     -ms-flex-negative: 0;
         flex-shrink: 0;
 }
-.basis-1\/3 {
-    -ms-flex-preferred-size: 33.333333%;
-        flex-basis: 33.333333%;
+.basis-2\/5 {
+    -ms-flex-preferred-size: 40%;
+        flex-basis: 40%;
 }
-.basis-2\/3 {
-    -ms-flex-preferred-size: 66.666667%;
-        flex-basis: 66.666667%;
+.basis-3\/5 {
+    -ms-flex-preferred-size: 60%;
+        flex-basis: 60%;
 }
 .-translate-x-1\/2 {
     --tw-translate-x: -50%;
@@ -2154,7 +2154,7 @@ Ensure the default browser behavior of the `hidden` attribute.
 }
 .text-lg {
     font-size: 1.125rem;
-    line-height: 1.75rem;
+    line-height: 1.5rem;
 }
 .text-xl {
     font-size: 1.25rem;

package/dist/views/components/Teaser/Teaser-standard.hbs

@@ -1,15 +1,15 @@
 <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch teasersize '["sm","md","lg"]' '["px-5 md:px-0 md:col-span-3 flex-row md:flex-col","md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
-    <figure class="{{inline-switch teasersize '["sm"]' '["basis-1/3 md:flex-full"]'}} ">
+    <figure class="{{inline-switch teasersize '["sm"]' '["basis-2/5 md:flex-full"]'}} ">
         {{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="mediaLink" }}
             {{~> components/base/image/responsiveImage this.content.teaserImage _type=this.content.teasertype _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
         {{/components/base/link}}  
     </figure>
-    <div class="{{inline-switch teasersize '["sm"]' '["basis-2/3 md:flex-full"]'}} ">
+    <div class="{{inline-switch teasersize '["sm"]' '["basis-3/5 md:flex-full"]'}} ">
         <header class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
             {{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}            
         </header>
         <section class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            <div class="hidden mt-2 text-base font-copy md:block">{{shorttext}}</div>
+            <div class="{{inline-switch teasersize '["xxl"]' '["","hidden md:block"]'}} mt-2 text-base font-copy">{{shorttext}}</div>
             {{#if profiles}}
                 {{> components/Teaser/Byline text=profiles}}
             {{/if}}

package/package.json

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

package/src/stories/views/components/Teaser/Teaser-standard.hbs

@@ -1,15 +1,15 @@
 <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch teasersize '["sm","md","lg"]' '["px-5 md:px-0 md:col-span-3 flex-row md:flex-col","md:col-span-4 flex-col","md:col-span-6 flex-col","flex-col"]'}} ">
-    <figure class="{{inline-switch teasersize '["sm"]' '["basis-1/3 md:flex-full"]'}} ">
+    <figure class="{{inline-switch teasersize '["sm"]' '["basis-2/5 md:flex-full"]'}} ">
         {{#>components/base/link _cssClasses="" _isAriaHidden=true _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="mediaLink" }}
             {{~> components/base/image/responsiveImage this.content.teaserImage _type=this.content.teasertype _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content mediaPlayerLoader__mediaplayerArea" ~}}
         {{/components/base/link}}  
     </figure>
-    <div class="{{inline-switch teasersize '["sm"]' '["basis-2/3 md:flex-full"]'}} ">
+    <div class="{{inline-switch teasersize '["sm"]' '["basis-3/5 md:flex-full"]'}} ">
         <header class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
             {{> components/Teaser/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}            
         </header>
         <section class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            <div class="hidden mt-2 text-base font-copy md:block">{{shorttext}}</div>
+            <div class="{{inline-switch teasersize '["xxl"]' '["","hidden md:block"]'}} mt-2 text-base font-copy">{{shorttext}}</div>
             {{#if profiles}}
                 {{> components/Teaser/Byline text=profiles}}
             {{/if}}

package/src/stories/views/components/Teaser/data/teaser_standard_sm_serif.json

@@ -116,12 +116,12 @@
                                 {
                                     "media": "all and (min-width: 43.750em) and (max-width: 63.938em)",
                                     "sizes": "100vw",
-                                    "srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
+                                    "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w"
                                 },
                                 {
                                     "media": "all and (min-width: 64em)",
                                     "sizes": "960px",
-                                    "srcset": "https://picsum.photos/id/188/320/140 320w, https://picsum.photos/id/188/480/210 480w, https://picsum.photos/id/188/992/434 992w, https://picsum.photos/id/188/1920/840 1920w"
+                                    "srcset": "https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w"
                                 }
                             ]
                         }

package/tailwind.config.js

@@ -37,7 +37,8 @@ module.exports = {
         },
 
         extend: {
-            fontSize: {                
+            fontSize: {  
+                'lg':['1.125rem', '1.5rem'],              
                 '2xl':['1.375rem', '2rem'],
                 '4xl':['2.125rem', '2.25rem'],
             },