hr-design-system-handlebars 0.45.1 → 0.46.0

package/.storybook/preview.js

@@ -8,7 +8,7 @@ import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
 
 import Initializer from '../build/webpack/feature-loader/initializer/initializer'
 import loadFeature from '../build/webpack/feature-loader/initializer/loader'
-import 'components/header/header_alpine'
+import 'components/site_header/header_alpine'
 
 function loadDelayedImages(){setTimeout((function(){var t,e=document.images,s=[],a=function(t){void 0!==window.picturefill&&window.picturefill({reevaluate:!0,elements:t})};for(var i=0;i<e.length;++i)(t=e[i].dataset?e[i].dataset.srcset:e[i].getAttribute("data-srcset"))&&(0===e[i].getBoundingClientRect().top?s.push(e[i]):e[i].setAttribute("srcset",t));a(e),setTimeout((function(){var t;for(var i=0;i<s.length;++i)t=s[i].dataset?s[i].dataset.srcset:s[i].getAttribute("data-srcset"),s[i].setAttribute("srcset",t);a(s)}),900)}),0)}
     

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.46.0 (Fri May 13 2022)
+
+#### 🚀 Enhancement
+
+- renamed folders header and search to site_header and navigation_search [#233](https://github.com/mumprod/hr-design-system-handlebars/pull/233) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.45.1 (Fri May 13 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1554,6 +1554,9 @@ 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;
 }
@@ -1566,9 +1569,6 @@ 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;
 }
@@ -2024,17 +2024,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     --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-labelMedia {
     background-color: #006dc1;
     background-color: var(--color-label-media);
@@ -2071,6 +2060,17 @@ Ensure the default browser behavior of the `hidden` attribute.
     background-color: #d34600;
     background-color: var(--color-label-live);
 }
+.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,6 +2112,14 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-top: 2rem;
     padding-bottom: 2rem;
 }
+.px-1\.5 {
+    padding-left: 0.375rem;
+    padding-right: 0.375rem;
+}
+.px-1 {
+    padding-left: 0.25rem;
+    padding-right: 0.25rem;
+}
 .px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem;
@@ -2124,14 +2132,6 @@ Ensure the default browser behavior of the `hidden` attribute.
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
 }
-.px-1\.5 {
-    padding-left: 0.375rem;
-    padding-right: 0.375rem;
-}
-.px-1 {
-    padding-left: 0.25rem;
-    padding-right: 0.25rem;
-}
 .px-3\.5 {
     padding-left: 0.875rem;
     padding-right: 0.875rem;
@@ -2164,15 +2164,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;
 }
@@ -2309,14 +2309,14 @@ Ensure the default browser behavior of the `hidden` attribute.
     --tw-text-opacity: 1;
     color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
-.text-blue-congress {
-    --tw-text-opacity: 1;
-    color: rgba(0, 82, 147, var(--tw-text-opacity));
-}
 .text-grey-scorpion {
     --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);

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

@@ -1,6 +1,6 @@
 {{#switch templatePath}}
-    {{#case "components/header/service_navigation/service_navigation_item"}}
-        {{> components/header/service_navigation/service_navigation_item}}
+    {{#case "components/site_header/service_navigation/service_navigation_item"}}
+        {{> components/site_header/service_navigation/service_navigation_item}}
     {{/case}}
     {{#case "components/teaser/group_teaser/group_teaser"}}
         {{> components/teaser/group_teaser/group_teaser}}

package/dist/views/components/page/page.hbs

@@ -20,7 +20,7 @@
     <body itemscope itemtype="http://schema.org/WebPage">
         <div class="js-pageSwap">
                       
-            {{> components/header/header }}          
+            {{> components/site_header/header }}          
             
             <main 
                 onclick="void(0)" 

package/{src/stories/views/components/header → dist/views/components/site_header}/brand_navigation/brand_navigation.hbs

@@ -21,7 +21,7 @@
             {{#with this.brandNavigationItems}}
                 <ul class="flex pl-0.5 pr-3 md:px-0 flex-nowrap lg:mr-0">
                     {{#each this}}
-                        {{> components/header/brand_navigation/brand_navigation_item }}
+                        {{> components/site_header/brand_navigation/brand_navigation_item }}
                     {{/each}} 
                 </ul>
             {{/with}}

package/dist/views/components/{header → site_header}/header.hbs

@@ -9,12 +9,12 @@
             
             <div id="anchorNavWrapper" 
                 class="hidden">
-                {{> components/header/anchor_navigation/anchor_navigation }}
+                {{> components/site_header/anchor_navigation/anchor_navigation }}
             </div>
 
             <div id="brandNavWrapper" 
                 class="relative flex items-center justify-center order-1 w-full bg-white z-101 print:hidden">
-                {{> components/header/brand_navigation/brand_navigation }} 
+                {{> components/site_header/brand_navigation/brand_navigation }} 
             </div>
 
             <div id="serviceNavWrapper" 
@@ -28,22 +28,22 @@
 
                     <div id="serviceLogoWrapper" 
                         class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 lg:items-end lg:pb-3 bg-blue-congress md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">
-                        {{> components/header/service_logo }}
+                        {{> components/site_header/service_logo }}
                     </div>
                     
                     <div id="serviceItemsWrapper"                
                         class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0 print:hidden ">
-                        {{> components/header/service_navigation/service_list }}
+                        {{> components/site_header/service_navigation/service_list }}
 
-                        {{> components/header/search/quick_search_button }}
+                        {{> components/site_header/navigation_search/quick_search_button }}
 
                         <div class="hidden lg:flex">
-                            {{> components/header/search/quick_search_form }}
+                            {{> components/site_header/navigation_search/quick_search_form }}
                         </div>
                     
                         <div id="burgerWrapper" 
                             class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden "> 
-                            {{> components/header/burger }}    
+                            {{> components/site_header/burger }}    
                         </div>
                         
                     </div>
@@ -56,7 +56,7 @@
                 :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''"  
                 class="flex justify-center order-3 w-full overflow-hidden duration-500 transition-max-height lg:transition-margin-top lg:duration-500 tablet:absolute tablet:top-22 tablet:w-half-screen tablet:ml-half-screen max-h-0 lg:overflow-visible md:mt-0 lg:flex lg:max-h-full lg:h-auto bg-blue-congress z-100 print:hidden"
             >
-                {{> components/header/section_navigation/section_navigation }}
+                {{> components/site_header/section_navigation/section_navigation }}
             </div>
             
             <div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''"
@@ -72,7 +72,7 @@
                 x-transition:leave-start="opacity-100 transform scale-y-100" 
                 x-transition:leave-end="opacity-0 transform scale-y-90">
 
-                {{> components/header/search/quick_search_form }}
+                {{> components/site_header/navigation_search/quick_search_form }}
 
             </div>
             

package/{src/stories/views/components/header → dist/views/components/site_header}/navigation_flyout/navigation_flyout.hbs

@@ -44,11 +44,11 @@
         <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">
             {{#if this.showAsFlyout}}
                 {{#each this.columns}}
-                    {{> components/header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}
+                    {{> components/site_header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}
                 {{/each}}
             {{else}}
                 {{#with this.items}}
-                    {{> components/header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}
+                    {{> components/site_header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}
                 {{/with}}
             {{/if}}
         </div>

package/dist/views/components/{header → site_header}/navigation_flyout/navigation_flyout_column.hbs

@@ -2,7 +2,7 @@
           
     {{~#each this ~}} 
         {{~#if this.title~}}
-            {{> components/header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}
+            {{> components/site_header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}
         {{~/if~}}       
     {{~/each~}}
     

package/dist/views/components/{header → site_header}/section_navigation/section_navigation.hbs

@@ -10,7 +10,7 @@
                 <ul class="flex flex-col items-center w-full text-left text-white list-none lg:flex-row lg:h-auto lg:mt-1">
                     {{#each this}}   
                         {{#if (isStorybook)}}  
-                            {{> components/header/section_navigation/section_navigation_item }}   
+                            {{> components/site_header/section_navigation/section_navigation_item }}   
                         {{else}}
                             {{{this}}}
                         {{/if}}

package/{src/stories/views/components/header → dist/views/components/site_header}/section_navigation/section_navigation_item.hbs

@@ -94,7 +94,7 @@
 
         {{/if}}
         
-        {{> components/header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
+        {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
 
     </li>
 {{/each}}

package/dist/views/components/{header → site_header}/service_navigation/service_list.hbs

@@ -8,7 +8,7 @@
     {{#with this.serviceNavigationSSILinks}}
         <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">
             {{#each this}}        
-                {{> components/base/loadSSI templatePath='components/header/service_navigation/service_navigation_item' }}               
+                {{> components/base/loadSSI templatePath='components/site_header/service_navigation/service_navigation_item' }}               
             {{/each}} 
         </ul>
     {{/with}}

package/dist/views/components/{header → site_header}/service_navigation/service_navigation_item.hbs

@@ -50,7 +50,7 @@
                 </div>
             </div>  
         {{#if this.subNavigation}}       
-            {{> components/header/navigation_flyout/navigation_flyout _isSectionNav=false  _navigationType="ServiceNavigation" _parent=this.text }}
+            {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=false  _navigationType="ServiceNavigation" _parent=this.text }}
             </button>
         {{else}}       
             </a>

package/package.json

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

package/src/stories/views/components/base/load_dynamic.hbs

@@ -1,6 +1,6 @@
 {{#switch templatePath}}
-    {{#case "components/header/service_navigation/service_navigation_item"}}
-        {{> components/header/service_navigation/service_navigation_item}}
+    {{#case "components/site_header/service_navigation/service_navigation_item"}}
+        {{> components/site_header/service_navigation/service_navigation_item}}
     {{/case}}
     {{#case "components/teaser/group_teaser/group_teaser"}}
         {{> components/teaser/group_teaser/group_teaser}}

package/src/stories/views/components/page/page.hbs

@@ -20,7 +20,7 @@
     <body itemscope itemtype="http://schema.org/WebPage">
         <div class="js-pageSwap">
                       
-            {{> components/header/header }}          
+            {{> components/site_header/header }}          
             
             <main 
                 onclick="void(0)" 

package/src/stories/views/components/page/page.stories.mdx

@@ -1,10 +1,10 @@
 import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
 import 'core-js/actual/structured-clone';
 import page from './page.hbs'
-import NavigationData from '../header/navigation.json'
-import NavigationData2 from '../header/navigation2.json'
-import NavigationData3 from '../header/navigation3.json'
-import NavigationData4 from '../header/navigation4.json'
+import NavigationData from '../site_header/navigation.json'
+import NavigationData2 from '../site_header/navigation2.json'
+import NavigationData3 from '../site_header/navigation3.json'
+import NavigationData4 from '../site_header/navigation4.json'
 import hero_teaser from '../teaser/data/teaser_standard_xxl_serif.json'
 const NavigationDataWithTeaser  = structuredClone(Object.assign({}, NavigationData, hero_teaser))
 const NavigationDataWithTeaser2 = structuredClone(Object.assign({}, NavigationData2, hero_teaser))

package/{dist/views/components/header → src/stories/views/components/site_header}/brand_navigation/brand_navigation.hbs

@@ -21,7 +21,7 @@
             {{#with this.brandNavigationItems}}
                 <ul class="flex pl-0.5 pr-3 md:px-0 flex-nowrap lg:mr-0">
                     {{#each this}}
-                        {{> components/header/brand_navigation/brand_navigation_item }}
+                        {{> components/site_header/brand_navigation/brand_navigation_item }}
                     {{/each}} 
                 </ul>
             {{/with}}

package/src/stories/views/components/{header → site_header}/header.hbs

@@ -9,12 +9,12 @@
             
             <div id="anchorNavWrapper" 
                 class="hidden">
-                {{> components/header/anchor_navigation/anchor_navigation }}
+                {{> components/site_header/anchor_navigation/anchor_navigation }}
             </div>
 
             <div id="brandNavWrapper" 
                 class="relative flex items-center justify-center order-1 w-full bg-white z-101 print:hidden">
-                {{> components/header/brand_navigation/brand_navigation }} 
+                {{> components/site_header/brand_navigation/brand_navigation }} 
             </div>
 
             <div id="serviceNavWrapper" 
@@ -28,22 +28,22 @@
 
                     <div id="serviceLogoWrapper" 
                         class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 lg:items-end lg:pb-3 bg-blue-congress md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">
-                        {{> components/header/service_logo }}
+                        {{> components/site_header/service_logo }}
                     </div>
                     
                     <div id="serviceItemsWrapper"                
                         class="flex items-center justify-end flex-initial order-2 inline-block w-full max-w-full align-top bg-blue-congress md:h-12 lg:h-16 lg:order-2 lg:w-3/4 lg:max-w-3/4 md:mt-0 md:w-1/2 md:max-w-1/2 md:order-2 md:border-0 print:hidden ">
-                        {{> components/header/service_navigation/service_list }}
+                        {{> components/site_header/service_navigation/service_list }}
 
-                        {{> components/header/search/quick_search_button }}
+                        {{> components/site_header/navigation_search/quick_search_button }}
 
                         <div class="hidden lg:flex">
-                            {{> components/header/search/quick_search_form }}
+                            {{> components/site_header/navigation_search/quick_search_form }}
                         </div>
                     
                         <div id="burgerWrapper" 
                             class="flex justify-end flex-none order-2 lg:order-4 md:order-4 lg:hidden "> 
-                            {{> components/header/burger }}    
+                            {{> components/site_header/burger }}    
                         </div>
                         
                     </div>
@@ -56,7 +56,7 @@
                 :class="shouldSectionNavBeHidden() ? '-mt-40 md:-mt-40 lg:-mt-40' : ''"  
                 class="flex justify-center order-3 w-full overflow-hidden duration-500 transition-max-height lg:transition-margin-top lg:duration-500 tablet:absolute tablet:top-22 tablet:w-half-screen tablet:ml-half-screen max-h-0 lg:overflow-visible md:mt-0 lg:flex lg:max-h-full lg:h-auto bg-blue-congress z-100 print:hidden"
             >
-                {{> components/header/section_navigation/section_navigation }}
+                {{> components/site_header/section_navigation/section_navigation }}
             </div>
             
             <div x-cloak :class="shouldServiceNavBeHidden() ? 'hidden -mt-40' : ''"
@@ -72,7 +72,7 @@
                 x-transition:leave-start="opacity-100 transform scale-y-100" 
                 x-transition:leave-end="opacity-0 transform scale-y-90">
 
-                {{> components/header/search/quick_search_form }}
+                {{> components/site_header/navigation_search/quick_search_form }}
 
             </div>
             

package/{dist/views/components/header → src/stories/views/components/site_header}/navigation_flyout/navigation_flyout.hbs

@@ -44,11 +44,11 @@
         <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">
             {{#if this.showAsFlyout}}
                 {{#each this.columns}}
-                    {{> components/header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}
+                    {{> components/site_header/navigation_flyout/navigation_flyout_column count=../this.columnCount navtype=../../_navigationType _parent=../../_parent _flyout=true~}}
                 {{/each}}
             {{else}}
                 {{#with this.items}}
-                    {{> components/header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}
+                    {{> components/site_header/navigation_flyout/navigation_flyout_column selected=../../this.selected navtype=../../_navigationType _parent=../../_parent _flyout=false ~}}
                 {{/with}}
             {{/if}}
         </div>

package/src/stories/views/components/{header → site_header}/navigation_flyout/navigation_flyout_column.hbs

@@ -2,7 +2,7 @@
           
     {{~#each this ~}} 
         {{~#if this.title~}}
-            {{> components/header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}
+            {{> components/site_header/navigation_flyout/navigation_flyout_item _parentselected=../selected _fromNav=../navtype _flyout=../_flyout _parent=../_parent ~}}
         {{~/if~}}       
     {{~/each~}}
     

package/src/stories/views/components/{header → site_header}/section_navigation/section_navigation.hbs

@@ -10,7 +10,7 @@
                 <ul class="flex flex-col items-center w-full text-left text-white list-none lg:flex-row lg:h-auto lg:mt-1">
                     {{#each this}}   
                         {{#if (isStorybook)}}  
-                            {{> components/header/section_navigation/section_navigation_item }}   
+                            {{> components/site_header/section_navigation/section_navigation_item }}   
                         {{else}}
                             {{{this}}}
                         {{/if}}

package/{dist/views/components/header → src/stories/views/components/site_header}/section_navigation/section_navigation_item.hbs

@@ -94,7 +94,7 @@
 
         {{/if}}
         
-        {{> components/header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
+        {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=true _navigationType="RubrikNavigation" _parent=this.text }}
 
     </li>
 {{/each}}

package/src/stories/views/components/{header → site_header}/service_navigation/service_list.hbs

@@ -8,7 +8,7 @@
     {{#with this.serviceNavigationSSILinks}}
         <ul class="flex justify-around w-full h-full -itemCount-{{ count }} lg:w-auto lg:justify-end lg:pt-1">
             {{#each this}}        
-                {{> components/base/loadSSI templatePath='components/header/service_navigation/service_navigation_item' }}               
+                {{> components/base/loadSSI templatePath='components/site_header/service_navigation/service_navigation_item' }}               
             {{/each}} 
         </ul>
     {{/with}}

package/src/stories/views/components/{header → site_header}/service_navigation/service_navigation_item.hbs

@@ -50,7 +50,7 @@
                 </div>
             </div>  
         {{#if this.subNavigation}}       
-            {{> components/header/navigation_flyout/navigation_flyout _isSectionNav=false  _navigationType="ServiceNavigation" _parent=this.text }}
+            {{> components/site_header/navigation_flyout/navigation_flyout _isSectionNav=false  _navigationType="ServiceNavigation" _parent=this.text }}
             </button>
         {{else}}       
             </a>