hr-design-system-handlebars 0.50.4 → 0.50.7

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+# v0.50.7 (Tue Jul 26 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1641 [#284](https://github.com/mumprod/hr-design-system-handlebars/pull/284) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.50.6 (Tue Jul 19 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1688 b [#281](https://github.com/mumprod/hr-design-system-handlebars/pull/281) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.50.5 (Mon Jul 18 2022)
+
+#### 🐛 Bug Fix
+
+- fix anchor-bug, add pseudo-button [#282](https://github.com/mumprod/hr-design-system-handlebars/pull/282) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v0.50.4 (Fri Jul 15 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -551,7 +551,7 @@ video {
   font-size: 1.125rem;
   line-height: 1.5rem;
 }
-.headline--barrier {
+.headline-barrier {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
@@ -564,17 +564,26 @@ video {
                 align-items: center;
         text-align: center;
     }
-.headline--barrier:before,
-    .headline--barrier:after {
+.headline-barrier:before,
+    .headline-barrier:after {
         content: '';
         border-top: 1px solid;
-        margin: 3px 20px 0 0;
+        margin: 3px 10px 0 0;
         -webkit-box-flex: 1;
             -ms-flex: 1 0 20px;
                 flex: 1 0 20px;
     }
-.headline--barrier:after {
-        margin: 3px 0 0 20px;
+.headline-barrier:after {
+        margin: 3px 0 0 10px;
+        
+    }
+@media (min-width: 768px) {
+        .headline-barrier:after {
+            margin: 3px 0 0 20px;           
+        }
+        .headline-barrier:before {
+            margin: 3px 20px 0 0;           
+        }
     }
 .sr-only {
   position: absolute;
@@ -818,15 +827,15 @@ video {
 .h-5 {
   height: 1.25rem;
 }
+.h-auto {
+  height: auto;
+}
 .h-3\.5 {
   height: 0.875rem;
 }
 .h-3 {
   height: 0.75rem;
 }
-.h-auto {
-  height: auto;
-}
 .h-4 {
   height: 1rem;
 }
@@ -1153,6 +1162,10 @@ video {
 .border-r {
   border-right-width: 1px;
 }
+.border-toplineColor {
+  border-color: #006dc1;
+  border-color: var(--color-topline);
+}
 .border-white {
   --tw-border-opacity: 1;
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
@@ -1184,34 +1197,18 @@ video {
 .bg-transparent {
   background-color: transparent;
 }
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-.bg-green-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(134, 239, 172, var(--tw-bg-opacity));
-}
-.bg-gray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
-.bg-blue-200 {
+.bg-gray-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
 }
 .bg-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
 }
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
-}
 .bg-labelMedia {
   background-color: #006dc1;
   background-color: var(--color-label-media);
@@ -1305,6 +1302,10 @@ video {
 .p-5 {
   padding: 1.25rem;
 }
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
 .py-3\.5 {
   padding-top: 0.875rem;
   padding-bottom: 0.875rem;
@@ -1345,10 +1346,6 @@ video {
   padding-left: 1.25rem;
   padding-right: 1.25rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1529,6 +1526,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(39, 107, 158, var(--tw-text-opacity));
 }
+.text-toplineColor {
+  color: #006dc1;
+  color: var(--color-topline);
+}
 .text-blue-700 {
   --tw-text-opacity: 1;
   color: rgba(29, 78, 216, var(--tw-text-opacity));
@@ -1545,9 +1546,9 @@ video {
   --tw-text-opacity: 1;
   color: rgba(0, 82, 147, var(--tw-text-opacity));
 }
-.text-toplineColor {
-  color: #006dc1;
-  color: var(--color-topline);
+.text-blue-science {
+  --tw-text-opacity: 1;
+  color: rgba(0, 109, 193, var(--tw-text-opacity));
 }
 .text-orange-spicyCarrot {
   --tw-text-opacity: 1;
@@ -1556,6 +1557,10 @@ video {
 .text-opacity-50 {
   --tw-text-opacity: 0.5;
 }
+.no-underline {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
 .decoration-1 {
   text-decoration-thickness: 1px;
 }
@@ -2797,6 +2802,10 @@ video {
     line-height: 1rem;
   }
 
+  .md\:decoration-2 {
+    text-decoration-thickness: 2px;
+  }
+
   .md\:drop-shadow-md {
     --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
     -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

package/dist/views/components/base/load_dynamic.hbs

@@ -5,9 +5,15 @@
     {{#case "components/teaser/group_teaser/group_teaser"}}
         {{> components/teaser/group_teaser/group_teaser}}
     {{/case}}
+    {{#case "components/teaser/group_teaser/group_highlight"}}
+        {{> components/teaser/group_teaser/group_highlight}}
+    {{/case}}
     {{#case "components/teaser/tabbox/group_tabbox"}}
         {{> components/teaser/tabbox/group_tabbox}}
     {{/case}}
+    {{#case "components/teaser/tabbox/teaser_tabbox"}}
+        {{> components/teaser/tabbox/teaser_tabbox}}
+    {{/case}}
     {{#case "components/teaser/teaser_standard"}}
         {{> components/teaser/teaser_standard}}
     {{/case}}

package/dist/views/components/button/button_pseudo.hbs

@@ -0,0 +1,3 @@
+{{#>components/base/link css="px-2 border text-toplineColor border-toplineColor font-heading hover:underline" }}
+    {{_linkTitle}}
+{{/components/base/link}}

package/dist/views/components/grid/grid.hbs

@@ -1,6 +1,6 @@
 
-<div class="grid bg-gray-100 grid-page">
-  <div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">   
+<div class="grid grid-page">
+  <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
     {{#>components/grid/grid_group size="100"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
       {{#>components/grid/grid_item size="12"}}
@@ -11,7 +11,7 @@
         </a>
       {{/components/grid/grid_item}}   
     {{/components/grid/grid_group}} 
-    {{#>components/grid/grid_group_full  }}    
+    {{#>components/grid/grid_group_highlight  }}    
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% mit blauen Hintergrung bis Rand</h2>
       {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
@@ -23,7 +23,7 @@
           6/12 = 50%    
         </div>
       {{/components/grid/grid_item}} 
-    {{/components/grid/grid_group_full}} 
+    {{/components/grid/grid_group_highlight}} 
 
     {{#>components/grid/grid_group size="100"}}
 

package/dist/views/components/grid/grid_group_highlight.hbs

@@ -0,0 +1,9 @@
+</div>
+<div class="grid bg-blue-400 col-full grid-page">
+    <section class="grid grid-cols-12 px-8 py-6 bg-blue-400 col-full sm:col-main gap-x-6 gap-y-9">
+        <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
+            {{> @partial-block }}
+        </div>
+    </section>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/dist/views/components/grid/grid_group_tabbed.hbs

@@ -1,5 +1,5 @@
 </div>
-<div class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
+<section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
-</div>
-<div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
+</section>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/dist/views/components/teaser/group_teaser/group_highlight.hbs

@@ -0,0 +1,10 @@
+{{#>components/grid/grid_group_highlight }}  
+    {{~#if this.hasGroupTitle}}
+        <h2 class="text-2xl text-center md:text-3xl col-span-full">
+            {{~#if this.hasLink}}<a class="link" href="{{this.link.url}}">{{/if~}}
+                {{this.groupTitle}}
+            {{~#if this.hasLink}}</a>{{/if~}}
+        </h2>
+    {{/if}}        
+    {{~> components/teaser/teaser_logic/teaser_logic ~}}
+{{/components/grid/grid_group_highlight}}  

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

@@ -1,10 +1,10 @@
 {{#>components/grid/grid_group size=this.teaserSize }}  
-        {{~#if this.hasGroupTitle}}
-            <h2 class="text-4xl headline--barrier col-span-full">
-                {{~#if this.hasLink}}<a class="link" href="{{this.link.url}}">{{/if~}}
-                    <span class="headline--separator__text">{{this.groupTitle}}</span>
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </h2>
-        {{/if}}        
-        {{~> components/teaser/teaser_logic/teaser_logic ~}}
+    {{~#if this.hasGroupTitle}}
+        <h2 class="text-2xl md:text-3xl headline-barrier col-span-full">
+            {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
+                {{this.groupTitle}}
+            {{~#if this.hasLink}}</a>{{/if~}}
+        </h2>
+    {{/if}}
+    {{~> components/teaser/teaser_logic/teaser_logic ~}}
 {{/components/grid/grid_group}}  

package/dist/views/components/teaser/tabbox/group_tabbox.hbs

@@ -19,10 +19,8 @@
         {{~> components/teaser/teaser_logic/teaser_logic ~}}
     </div>
     {{~#if this.link~}}
-        <div class="flex justify-center">
-            <a class="text-base pt-7 font-heading text-toplineColor hover:underline" href="{{this.link.url}}">
-                {{~loca "group_tabbed_more" this.title~}}
-            </a>
+        <div class="flex justify-center pt-7">
+            {{~> components/button/button_pseudo _linkTitle=(loca "group_tabbed_more" this.title) ~}}
         </div>
     {{~/if~}}
 </section>

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,3 +1,4 @@
+</div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
@@ -7,6 +8,7 @@
       {{~#each this.tabbedGroup~}}
         <button  onclick="window.location.href='#tgp{{@index}}';"
                  :class="tab === '{{this.title}}' ? 'text-white bg-blue-congress' : 'bg-white text-blue-congress'" 
+                 x-effect="$el.removeAttribute('onclick')"
                  x-on:click.prevent="tab = '{{this.title}}'"  
                  class="text-base font-heading py-1 px-2 m-1.5" 
                  type="button" 
@@ -18,4 +20,5 @@
     </div>
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
-</div>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

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

@@ -1,9 +1,11 @@
-<article class="col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0
-    {{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5"," md:col-span-6 px-5"]'~}}
-    "
+<article class="col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:px-0{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}"
+    x-data="{ avStart: false }"
+    {{#if this.isMobile1to1}}
+            :class="avStart ? 'flex-col' : 'flex-row'"
+    {{/if}} 
     >
-    <figure class="ar-16-9{{~inline-switch this.teaserSize '["hero","100","50"]' '["basis-2/3"," basis-2/5 md:basis-1/3"," basis-2/5 md:basis-1/2"]'~}}">
-        {{> components/teaser/components/teaser_lead }} 
+    <figure class="relative ar-16-9{{~inline-switch this.teaserSize '["hero","100","50"]' '[" basis-2/3"," basis-2/5 md:basis-1/3"," basis-2/5 md:basis-1/2"]'~}}">
+        {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _aspectRatio=(inline-switch this.teaserSize '["25"]' '["ar-1-1 md:ar-16-9", "ar-16-9"]') }} 
     </figure>
     <div class="{{~inline-switch this.teaserSize '["hero","100","50"]' '["basis-1/3"," basis-3/5 md:basis-2/3"," basis-3/5 md:basis-1/2"]'~}}">
         <header class="md:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">

package/dist/views/components/video/livestream/video_livestream.hbs

@@ -1,4 +1,4 @@
-<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
+<div x-show="avStart" id="{{nextRandom}}" class="h-auto ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
     "type": "live",
     "position": "{{if _isTeaser 'teaser' 'page'}}",
     "teaserSize" : "{{if _teaserSize _teaserSize '00' }}",

package/dist/views/components/video/video_element.hbs

@@ -1,4 +1,4 @@
-<div x-show="avStart" id="{{nextRandom}}" class="ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
+<div x-show="avStart" id="{{nextRandom}}" class="h-auto ar-16-9 js-load" data-hr-mediaplayer-loader-ds='{
     "type": "ondemand",
     "position": "{{if _isTeaser 'teaser' 'page'}}",
     "teaserSize" : "{{if _teaserSize _teaserSize '00' }}",

package/package.json

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

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

@@ -31,7 +31,7 @@
         @apply px-6 py-3 text-lg;
     }
 
-    .headline--barrier {
+    .headline-barrier {
         display: flex;
         width: 100%;
         justify-content: center;
@@ -39,15 +39,24 @@
         text-align: center;
     }
 
-    .headline--barrier:before,
-    .headline--barrier:after {
+    .headline-barrier:before,
+    .headline-barrier:after {
         content: '';
         border-top: 1px solid;
-        margin: 3px 20px 0 0;
+        margin: 3px 10px 0 0;
         flex: 1 0 20px;
     }
 
-    .headline--barrier:after {
-        margin: 3px 0 0 20px;
+    .headline-barrier:after {
+        margin: 3px 0 0 10px;
+        
+    }
+    @media screen(md) {
+        .headline-barrier:after {
+            margin: 3px 0 0 20px;           
+        }
+        .headline-barrier:before {
+            margin: 3px 20px 0 0;           
+        }
     }
 }

package/src/assets/fixtures/teaser/teaser_alternative_100_serif_audio.json

@@ -0,0 +1,44 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "100"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "alternative-ds"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_1_tab"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.allowAVConsumption",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserLead",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                "@->contentpath": "audio"
+            }
+        }
+    ]
+}

package/src/assets/fixtures/teaser/teaser_alternative_100_serif_live.json

@@ -0,0 +1,44 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "100"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "alternative-ds"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_1_tab"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.allowAVConsumption",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserLead",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                "@->contentpath": "live"
+            }
+        }
+    ]
+}

package/src/assets/fixtures/teaser/teaser_alternative_100_serif_video.json

@@ -0,0 +1,44 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "100"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "alternative-ds"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_1_tab"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.allowAVConsumption",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserLead",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                "@->contentpath": "video"
+            }
+        }
+    ]
+}

package/src/assets/fixtures/teaser/teaser_alternative_50_serif_audio.json

@@ -0,0 +1,44 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "alternative-ds"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_2_tab"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.allowAVConsumption",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserLead",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                "@->contentpath": "audio"
+            }
+        }
+    ]
+}

package/src/assets/fixtures/teaser/teaser_alternative_50_serif_live.json

@@ -0,0 +1,44 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includePath",
+            "@->value": "components/teaser/teaser_alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "alternative-ds"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.content.isMobile1to1",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "md_2_tab"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.allowAVConsumption",
+            "@->value": "true"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserLead",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                "@->contentpath": "live"
+            }
+        }
+    ]
+}