hr-design-system-handlebars 0.44.0 → 0.44.3

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+# v0.44.3 (Mon May 09 2022)
+
+#### 🐛 Bug Fix
+
+- Some refactoring and cleanup [#230](https://github.com/mumprod/hr-design-system-handlebars/pull/230) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.2 (Thu May 05 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1558 [#228](https://github.com/mumprod/hr-design-system-handlebars/pull/228) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.44.1 (Mon May 02 2022)
+
+#### 🐛 Bug Fix
+
+- Renaming files to snake case [#226](https://github.com/mumprod/hr-design-system-handlebars/pull/226) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### 📝 Documentation
+
+- Feature/dpe 1550 [#227](https://github.com/mumprod/hr-design-system-handlebars/pull/227) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 2
+
+- [@szuelch](https://github.com/szuelch)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.44.0 (Mon May 02 2022)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -1557,9 +1557,6 @@ Ensure the default browser behavior of the `hidden` attribute.
 .\!mt-4 {
     margin-top: 1rem !important;
 }
-.ml-2 {
-    margin-left: 0.5rem;
-}
 .-mt-2 {
     margin-top: -0.5rem;
 }
@@ -1572,6 +1569,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .-mt-10 {
     margin-top: -2.5rem;
 }
+.ml-2 {
+    margin-left: 0.5rem;
+}
 .mr-4 {
     margin-right: 1rem;
 }
@@ -2008,6 +2008,45 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-bg-opacity: 1;
     background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
 }
+.bg-current {
+    background-color: currentColor;
+}
+.bg-white {
+    --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+.bg-blue-congress {
+    --tw-bg-opacity: 1;
+    background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
+}
+.bg-gray-800 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+.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-blue-200 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(191, 219, 254, 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);
@@ -2044,45 +2083,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     background-color: #d34600;
     background-color: var(--color-label-live);
 }
-.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 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(191, 219, 254, 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-current {
-    background-color: currentColor;
-}
-.bg-blue-congress {
-    --tw-bg-opacity: 1;
-    background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
-}
-.bg-gray-800 {
-    --tw-bg-opacity: 1;
-    background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
-}
 .bg-gradient-to-r {
     background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -2112,13 +2112,17 @@ Ensure the default browser behavior of the `hidden` attribute.
 .p-2 {
     padding: 0.5rem;
 }
-.px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
+.px-5 {
+    padding-left: 1.25rem;
+    padding-right: 1.25rem;
 }
-.px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
+.py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+}
+.py-3 {
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
 }
 .py-6 {
     padding-top: 1.5rem;
@@ -2132,17 +2136,13 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
-.px-5 {
-    padding-left: 1.25rem;
-    padding-right: 1.25rem;
-}
-.py-3\.5 {
-    padding-top: 0.875rem;
-    padding-bottom: 0.875rem;
+.px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
 }
-.py-3 {
-    padding-top: 0.75rem;
-    padding-bottom: 0.75rem;
+.px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
 }
 .px-3\.5 {
     padding-left: 0.875rem;
@@ -2176,15 +2176,15 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-left: 1rem;
     padding-right: 1rem;
 }
-.pt-px {
-    padding-top: 1px;
-}
 .pl-4 {
     padding-left: 1rem;
 }
 .pr-2 {
     padding-right: 0.5rem;
 }
+.pt-px {
+    padding-top: 1px;
+}
 .pt-1 {
     padding-top: 0.25rem;
 }
@@ -2317,6 +2317,10 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-text-opacity: 1 !important;
     color: rgba(20, 83, 45, var(--tw-text-opacity)) !important;
 }
+.text-blue-congress {
+    --tw-text-opacity: 1;
+    color: rgba(0, 82, 147, var(--tw-text-opacity));
+}
 .text-white {
     --tw-text-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2325,10 +2329,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-text-opacity: 1;
     color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
-.text-blue-congress {
-    --tw-text-opacity: 1;
-    color: rgba(0, 82, 147, var(--tw-text-opacity));
-}
 .text-toplineColor {
     color: #006dc1;
     color: var(--color-topline);
@@ -2802,16 +2802,16 @@ Ensure the default browser behavior of the `hidden` attribute.
         padding-left: 0px;
     }
 
-    .md\:text-4xl {
-        font-size: 2.125rem;
-        line-height: 2.375rem;
-    }
-
     .md\:text-base {
         font-size: 1rem;
         line-height: 1.25rem;
     }
 
+    .md\:text-4xl {
+        font-size: 2.125rem;
+        line-height: 2.375rem;
+    }
+
     .md\:leading-4 {
         line-height: 1rem;
     }

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

@@ -1,5 +1,5 @@
 {{#if (isStorybook)}}  
-    {{> components/base/loadDynamic templatePath=templatePath}} 
+    {{> components/base/load_dynamic templatePath=templatePath}} 
 {{else}}
     {{{this}}}
 {{/if}}        

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

@@ -0,0 +1,11 @@
+{{#switch templatePath}}
+    {{#case "components/Header/ServiceNavigation/ServiceNavigationItem"}}
+        {{> components/Header/ServiceNavigation/ServiceNavigationItem}}
+    {{/case}}
+    {{#case "components/teaser/group_teaser/group_teaser"}}
+        {{> components/teaser/group_teaser/group_teaser}}
+    {{/case}}
+    {{#case "components/teaser/teaser_standard"}}
+        {{> components/teaser/teaser_standard}}
+    {{/case}}
+{{/switch}}

package/dist/views/components/{Grid/Grid.hbs → grid/grid.hbs}

@@ -1,156 +1,156 @@
 
 <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">   
-    {{#>components/Grid/GridGroup size="100"}}
+    {{#>components/grid/grid_group size="100"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
-      {{#>components/Grid/GridItem size="12"}}
+      {{#>components/grid/grid_item size="12"}}
         <a href="#">
           <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
             12/12 = 100%    
           </div>
         </a>
-      {{/components/Grid/GridItem}}   
-    {{/components/Grid/GridGroup}} 
-    {{#>components/Grid/GridGroupFull  }}    
+      {{/components/grid/grid_item}}   
+    {{/components/grid/grid_group}} 
+    {{#>components/grid/grid_group_full  }}    
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% mit blauen Hintergrung bis Rand</h2>
-      {{#>components/Grid/GridItem size="6"}}
+      {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>
-      {{/components/Grid/GridItem}}  
-      {{#>components/Grid/GridItem size="6"}}
+      {{/components/grid/grid_item}}  
+      {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>
-      {{/components/Grid/GridItem}} 
-    {{/components/Grid/GridGroupFull}} 
+      {{/components/grid/grid_item}} 
+    {{/components/grid/grid_group_full}} 
 
-    {{#>components/Grid/GridGroup size="100"}}
+    {{#>components/grid/grid_group size="100"}}
 
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
-      {{#>components/Grid/GridItem size="6"}}
+      {{#>components/grid/grid_item size="6"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         6/12 = 50%    
       </div>
-      {{/components/Grid/GridItem}}  
-      {{#>components/Grid/GridItem size="6"}}
+      {{/components/grid/grid_item}}  
+      {{#>components/grid/grid_item size="6"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         6/12 = 50%    
       </div>
-      {{/components/Grid/GridItem}} 
+      {{/components/grid/grid_item}} 
 
-      {{#>components/Grid/GridItem size="4"}}
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="4"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>  
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="4"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>   
-      {{/components/Grid/GridItem}}
-    {{/components/Grid/GridGroup}}
-    {{#>components/Grid/GridGroupTabbed }}
+      {{/components/grid/grid_item}}
+    {{/components/grid/grid_group}}
+    {{#>components/grid/grid_group_tabbed }}
         <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% Tabbed</h2>
-        {{#>components/Grid/GridItem size="3"}}
+        {{#>components/grid/grid_item size="3"}}
         <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
           3/12 = 25%    
         </div> 
-        {{/components/Grid/GridItem}}
+        {{/components/grid/grid_item}}
         
-        {{#>components/Grid/GridItem size="3"}}
+        {{#>components/grid/grid_item size="3"}}
         <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
           3/12 = 25%    
         </div> 
-        {{/components/Grid/GridItem}}
+        {{/components/grid/grid_item}}
 
-        {{#>components/Grid/GridItem size="3"}}
+        {{#>components/grid/grid_item size="3"}}
         <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
           3/12 = 25%    
         </div>   
-        {{/components/Grid/GridItem}}
+        {{/components/grid/grid_item}}
 
-        {{#>components/Grid/GridItem size="3"}}
+        {{#>components/grid/grid_item size="3"}}
         <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
           3/12 = 25%    
         </div>    
-        {{/components/Grid/GridItem}} 
+        {{/components/grid/grid_item}} 
       
-    {{/components/Grid/GridGroupTabbed}} 
-    {{#>components/Grid/GridGroup}} 
+    {{/components/grid/grid_group_tabbed}} 
+    {{#>components/grid/grid_group}} 
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
-      {{#>components/Grid/GridItem size="4"}}
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="4"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>  
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="4"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="4"}}
       <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
         4/12 = 33%    
       </div>   
-      {{/components/Grid/GridItem}}  
-    {{/components/Grid/GridGroup}} 
-    {{#>components/Grid/GridGroup size="50"}}
+      {{/components/grid/grid_item}}  
+    {{/components/grid/grid_group}} 
+    {{#>components/grid/grid_group size="50"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>
-      {{#>components/Grid/GridItem size="12"}}
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="12"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>  
-      {{/components/Grid/GridItem}} 
-    {{/components/Grid/GridGroup}} 
-    {{#>components/Grid/GridGroup size="50"}}
+      {{/components/grid/grid_item}} 
+    {{/components/grid/grid_group}} 
+    {{#>components/grid/grid_group size="50"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>
-      {{#>components/Grid/GridItem size="6"}}
+      {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="6"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           6/12 = 50%    
         </div>  
-      {{/components/Grid/GridItem}} 
-    {{/components/Grid/GridGroup}} 
-    {{#>components/Grid/GridGroup size="66"}}
+      {{/components/grid/grid_item}} 
+    {{/components/grid/grid_group}} 
+    {{#>components/grid/grid_group size="66"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 66%</h2>
-      {{#>components/Grid/GridItem size="12"}}
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           8/12 = 66%    
         </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="12"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           8/12 = 66%    
         </div>  
-      {{/components/Grid/GridItem}} 
-    {{/components/Grid/GridGroup}} 
-    {{#>components/Grid/GridGroup size="33"}}
+      {{/components/grid/grid_item}} 
+    {{/components/grid/grid_group}} 
+    {{#>components/grid/grid_group size="33"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 33%</h2>
-      {{#>components/Grid/GridItem size="12"}}
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           4/12 = 33%    
         </div>
-      {{/components/Grid/GridItem}} 
-      {{#>components/Grid/GridItem size="12"}}
+      {{/components/grid/grid_item}} 
+      {{#>components/grid/grid_item size="12"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
           4/12 = 33%    
         </div>  
-      {{/components/Grid/GridItem}} 
-    {{/components/Grid/GridGroup}} 
+      {{/components/grid/grid_item}} 
+    {{/components/grid/grid_group}} 
   </div>
 </div>

package/dist/views/components/{Page/Page.hbs → page/page.hbs}

@@ -30,30 +30,30 @@
             >
                 <div class="grid grid-page">
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard }}
+                        {{> components/teaser/teaser_standard }}
                     </div>
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
                     </div>
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard teasersize="md"}}
-                        {{> components/Teaser/Teaser-standard teasersize="md"}}
-                        {{> components/Teaser/Teaser-standard teasersize="md"}}
+                        {{> components/teaser/teaser_standard teasersize="md"}}
+                        {{> components/teaser/teaser_standard teasersize="md"}}
+                        {{> components/teaser/teaser_standard teasersize="md"}}
                     </div>
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
                     </div>               
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard teasersize="sm"}}
-                        {{> components/Teaser/Teaser-standard teasersize="sm"}}
-                        {{> components/Teaser/Teaser-standard teasersize="sm"}}
-                        {{> components/Teaser/Teaser-standard teasersize="sm"}}
+                        {{> components/teaser/teaser_standard teasersize="sm"}}
+                        {{> components/teaser/teaser_standard teasersize="sm"}}
+                        {{> components/teaser/teaser_standard teasersize="sm"}}
+                        {{> components/teaser/teaser_standard teasersize="sm"}}
                     </div>
                     <div class="grid grid-cols-12 py-6 col-full gap-x-6 gap-y-6 sm:px-8 sm:col-main">
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
-                        {{> components/Teaser/Teaser-standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
+                        {{> components/teaser/teaser_standard teasersize="lg"}}
                     </div>
                     
                 </div>

package/dist/views/components/{Teaser/components/Byline.hbs → teaser/components/teaser_byline.hbs}

@@ -69,6 +69,6 @@
     {{/if}}
 
     {{!--Comments--}}
-    {{> components/Teaser/components/Comments}}
+    {{> components/teaser/components/teaser_comments}}
 
 </p>

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

@@ -0,0 +1,13 @@
+{{#>components/base/link _cssClasses="hover:text-toplineColor" _doTracking=(if this.doTracking 'true') _clickLabelPrefix1=this.realTeasersize _clickLabelPrefix2="headlineLink" }} 
+    {{#with this.content.label}}
+        <div class="leading-5.5">
+            {{> components/label/label type=loca text=type}}
+        </div>
+    {{/with~}}    
+    <{{~ ../headlineTag ~}}>
+        {{#with this.content.topline}}
+            {{> components/teaser/components/teaser_topline text=this readMore=../this.readMoreText.readMoreScreenreader}}
+        {{/with}}
+        {{> components/teaser/components/teaser_title text=../this.title font=../font size=../size }}
+    </{{~ ../headlineTag ~}}>
+{{/components/base/link}}   

package/dist/views/components/{Teaser → teaser}/group_teaser/group_teaser.hbs

@@ -1,4 +1,4 @@
-{{#>components/Grid/GridGroup size=this.teaserSize }}  
+{{#>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~}}
@@ -6,5 +6,5 @@
                 {{~#if this.hasLink}}</a>{{/if~}}
             </h2>
         {{/if}}        
-        {{~> components/Teaser/teaser_logic/teaser_logic ~}}
-{{/components/Grid/GridGroup}}  
+        {{~> components/teaser/teaser_logic/teaser_logic ~}}
+{{/components/grid/grid_group}}  

package/dist/views/components/{Teaser/Teaser-alternativ.hbs → teaser/teaser_alternativ.hbs}

@@ -1,16 +1,16 @@
 <article class="col-span-12 flex gap-y-4 gap-x-5 {{inline-switch teasersize '["sm","md","lg"]' '["px-5 flex-row ","md:col-span-4 flex-row","md:col-span-6 flex-row","flex-row"]'}} ">
     <figure class="{{inline-switch teasersize '["sm", "xxl"]' '["basis-2/5 md:flex-full ar-1-1 md:ar-16-9","basis-3/5 ar-16-9", "ar-16-9"]'}} ">
         {{#>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/image/responsive_image 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", "xxl"]' '["basis-3/5 md:flex-full" , "basis-2/5"]'}} ">
         <header class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            {{> components/Teaser/components/Teaser-Heading headlineTag="h2" size=teasersize font=(inline-switch serifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]') headline=title topline=topline}}            
+            {{> components/teaser/components/teaser_heading headlineTag="h2" size=teasersize font=(inline-switch isSerifHeading '[true, false]' '["font-headingSerif","font-heading font-bold"]')}}            
         </header>
         <section class="md:px-0 {{inline-switch teasersize '["sm"]' '["","px-5"]'}}">
-            {{> components/Teaser/components/teaserText text=shorttext size=teasersize }}
-            {{> components/Teaser/components/Byline}} 
+            {{> components/teaser/components/teaser_text text=shorttext size=teasersize }}
+            {{> components/teaser/components/teaser_byline}} 
         </section>
     </div>
 </article>