hr-design-system-handlebars 0.121.12 → 0.121.14

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.121.14 (Thu Jan 26 2023)
+
+#### 🐛 Bug Fix
+
+- refactoring teaser text [#506](https://github.com/mumprod/hr-design-system-handlebars/pull/506) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v0.121.13 (Wed Jan 25 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2035 Teaser-Logik für Hero-Teaser [#503](https://github.com/mumprod/hr-design-system-handlebars/pull/503) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.121.12 (Wed Jan 25 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2477,7 +2477,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1674653484915;
+  counter-reset: cnt1674740334457;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2695,7 +2695,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1674653484915 1;
+  counter-increment: cnt1674740334457 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(cnt1674653484915);
+  content: counter(cnt1674740334457);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -3889,14 +3889,14 @@ video {
     margin-bottom: 4rem;
   }
 
-  .md\:block {
-    display: block;
-  }
-
   .md\:inline-block {
     display: inline-block;
   }
 
+  .md\:inline {
+    display: inline;
+  }
+
   .md\:flex {
     display: flex;
   }

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

@@ -1,12 +1,10 @@
-
-<span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
-    text-base mt-3 font-copy'>
-    {{~_text~}}
-</span>
-
-{{#if this.isExtOrBrandLink}}
-    {{#decorator 'components/base/link' _css="relative inline-flex flex-end text-link z-20 ds-focus"}}
-        <span class="inline-flex flex-wrap items-end hover:underline decoration-1 font-copy">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 self-baseline fill-current ml-1"}}{{/if~}}</span>
-    {{/decorator}} 
-{{/if}}
-
+<div class="mt-2 text-base font-copy">
+    <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:inline "]'~}}'>
+        {{~_text~}}
+    </span>
+    {{#if this.isExtOrBrandLink}}
+        {{#decorator 'components/base/link' _css="relative inline text-link z-20 ds-focus"}}
+            <span class="inline-flex flex-wrap hover:underline decoration-1 font-copy">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}</span>
+        {{/decorator}} 
+    {{/if}}
+</div>

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

@@ -5,14 +5,14 @@
     {{/if}} 
     >
     {{#if this.teaserImage}}
-        <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-full w-full md:basis-2/3 md:w-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5  md:basis-1/3 md:w-1/3"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/2 md:w-1/2"]'~}}"
+        <figure class="relative {{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" basis-full w-full md:basis-2/3 md:w-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5  md:basis-1/3 md:w-1/3"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/2 md:w-1/2"]'~}}"
             {{#if this.isMobile1to1}}
                 :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}"
             {{/if}}
         >
-            {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.teaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }} 
+            {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.realTeaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }} 
         </figure>
-        {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.teaserSize '["hero","100","50"]' '["basis-full w-full md:basis-1/3 md:w-1/3"," basis-3/5 w-3/5 md:basis-2/3 md:w-2/3"," basis-3/5 w-3/5 md:basis-1/2 md:w-1/2"]') }}
+        {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100","50"]' '["basis-full w-full md:basis-1/3 md:w-1/3"," basis-3/5 w-3/5 md:basis-2/3 md:w-2/3"," basis-3/5 w-3/5 md:basis-1/2 md:w-1/2"]') }}
     {{else}}
         {{> components/teaser/components/teaser_body _outerCssClasses="basis-full" }}
     {{/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.121.12",
+    "version": "0.121.14",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "start-storybook -p 6006 public",

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

@@ -1,12 +1,10 @@
-
-<span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:block "]'~}}
-    text-base mt-3 font-copy'>
-    {{~_text~}}
-</span>
-
-{{#if this.isExtOrBrandLink}}
-    {{#decorator 'components/base/link' _css="relative inline-flex flex-end text-link z-20 ds-focus"}}
-        <span class="inline-flex flex-wrap items-end hover:underline decoration-1 font-copy">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 self-baseline fill-current ml-1"}}{{/if~}}</span>
-    {{/decorator}} 
-{{/if}}
-
+<div class="mt-2 text-base font-copy">
+    <span class='flex space-around {{inline-switch _size '["25"]' '["hidden ","hidden md:inline "]'~}}'>
+        {{~_text~}}
+    </span>
+    {{#if this.isExtOrBrandLink}}
+        {{#decorator 'components/base/link' _css="relative inline text-link z-20 ds-focus"}}
+            <span class="inline-flex flex-wrap hover:underline decoration-1 font-copy">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="w-5 h-5 fill-current ml-1"}}{{/if~}}</span>
+        {{/decorator}} 
+    {{/if}}
+</div>

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

@@ -5,14 +5,14 @@
     {{/if}} 
     >
     {{#if this.teaserImage}}
-        <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-full w-full md:basis-2/3 md:w-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5  md:basis-1/3 md:w-1/3"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/2 md:w-1/2"]'~}}"
+        <figure class="relative {{~inline-switch this.realTeaserSize '["hero","100","50"]' '[" basis-full w-full md:basis-2/3 md:w-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5  md:basis-1/3 md:w-1/3"," ar-1-1 md:ar-16-9 basis-2/5 w-2/5 md:basis-1/2 md:w-1/2"]'~}}"
             {{#if this.isMobile1to1}}
                 :class="{'ar-16-9 basis-full w-full' : avStart, 'ar-1-1 basis-2/5 w-2/5': !avStart}"
             {{/if}}
         >
-            {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.teaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }} 
+            {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio=(inline-switch this.realTeaserSize '["hero"]' '["ar-16-9","ar-1-1 md:ar-16-9"]') }} 
         </figure>
-        {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.teaserSize '["hero","100","50"]' '["basis-full w-full md:basis-1/3 md:w-1/3"," basis-3/5 w-3/5 md:basis-2/3 md:w-2/3"," basis-3/5 w-3/5 md:basis-1/2 md:w-1/2"]') }}
+        {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100","50"]' '["basis-full w-full md:basis-1/3 md:w-1/3"," basis-3/5 w-3/5 md:basis-2/3 md:w-2/3"," basis-3/5 w-3/5 md:basis-1/2 md:w-1/2"]') }}
     {{else}}
         {{> components/teaser/components/teaser_body _outerCssClasses="basis-full" }}
     {{/if}}