hr-design-system-handlebars 0.95.2 → 0.96.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.96.0 (Thu Dec 01 2022)
+
+#### 🚀 Enhancement
+
+- BUGFIX: Change ar from 1t01 to 16to9 when start av in mobile view [#411](https://github.com/mumprod/hr-design-system-handlebars/pull/411) ([@mariokinzel](https://github.com/mariokinzel))
+
+#### Authors: 1
+
+- [@mariokinzel](https://github.com/mariokinzel)
+
+---
+
 # v0.95.2 (Thu Dec 01 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -2259,7 +2259,7 @@ video {
           transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1669905469126;
+  counter-reset: cnt1669908627308;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2293,6 +2293,9 @@ video {
 .ar-16-9 {
         aspect-ratio: 16 / 9;
     }
+.\!ar-16-9 {
+        aspect-ratio: 16 / 9 !important;
+    }
 @supports not (aspect-ratio: 16 / 9) {
         .ar-16-9::before {
             float: left;
@@ -2305,6 +2308,17 @@ video {
             content: '';
             clear: both;
         }
+        .\!ar-16-9::before {
+            float: left !important;
+            padding-top: 56.25% !important;
+            content: '' !important;
+        }
+
+        .ar-16-19::after {
+            display: block !important;
+            content: '' !important;
+            clear: both !important;
+        }
     }
 .ar-1-1 {
         aspect-ratio: 1 / 1;
@@ -2645,7 +2659,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1669905469126 1;
+  counter-increment: cnt1669908627308 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2661,7 +2675,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1669905469126);
+  content: counter(cnt1669908627308);
 }
 .\[-T\:\+Z\] {
   --t: +Z;

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

@@ -4,7 +4,11 @@
             :class="avStart ? 'flex-col' : 'flex-row'"
     {{/if}} 
     >
-    <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/3"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/2"]'~}}">
+    <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/3"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/2"]'~}}"
+        {{#if this.isMobile1to1}}
+            :class="avStart ? '!ar-16-9' : ''"
+        {{/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"]') }} 
     </figure>
     {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.teaserSize '["hero","100","50"]' '["basis-1/3"," basis-3/5 md:basis-2/3"," basis-3/5 md:basis-1/2"]') }}

package/package.json

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

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

@@ -4,7 +4,11 @@
             :class="avStart ? 'flex-col' : 'flex-row'"
     {{/if}} 
     >
-    <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/3"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/2"]'~}}">
+    <figure class="relative {{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-2/3 ar-16-9"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/3"," ar-1-1 md:ar-16-9 basis-2/5 md:basis-1/2"]'~}}"
+        {{#if this.isMobile1to1}}
+            :class="avStart ? '!ar-16-9' : ''"
+        {{/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"]') }} 
     </figure>
     {{> components/teaser/components/teaser_body _outerCssClasses=(inline-switch this.teaserSize '["hero","100","50"]' '["basis-1/3"," basis-3/5 md:basis-2/3"," basis-3/5 md:basis-1/2"]') }}