hr-design-system-handlebars 1.35.4 → 1.35.5

package/dist/assets/index.css

@@ -1913,6 +1913,10 @@ video {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
 .rounded-t {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
@@ -2010,10 +2014,6 @@ video {
   border-color: white;
   border-color: var(--color-footer-heading);
 }
-.border-footer-text {
-  border-color: white;
-  border-color: var(--color-footer-text);
-}
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgba(229, 231, 235, var(--tw-border-opacity));
@@ -2466,6 +2466,10 @@ video {
 .pb-9 {
   padding-bottom: 2.25rem;
 }
+.pb-footer-padding-bottom {
+  padding-bottom: 16px;
+  padding-bottom: var(--footer-padding-bottom);
+}
 .pl-0 {
   padding-left: 0px;
 }
@@ -3027,7 +3031,7 @@ video {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1691153880575;
+  counter-reset: cnt1691488753365;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3262,7 +3266,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1691153880575 1;
+  counter-increment: cnt1691488753365 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3278,7 +3282,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1691153880575);
+  content: counter(cnt1691488753365);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3420,6 +3424,7 @@ video {
     --width-footer-logo-lg: 6.4375rem;
     --height-footer-logo-lg: 2.6875rem; 
     
+    --footer-padding-bottom: 16px;
 
     /*Hauptmenü*/
     --color-top-topic-background: #d3e2f4;
@@ -4139,6 +4144,8 @@ video {
     --width-footer-logo-lg: 3.4375rem;
     --height-footer-logo-lg: 2.6875rem;
 
+    --footer-padding-bottom: 112px;
+
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #916B00;
     /* Ticker, Live, Livestream */
@@ -4215,6 +4222,8 @@ video {
     --color-footer-bg: #74747f; 
     --color-footer-border: #ec6602;
 
+    --footer-padding-bottom: 112px;
+
     --width-footer-logo: 2.5rem;
     --height-footer-logo: 2.5rem;
     --width-footer-logo-md: 2.5rem;
@@ -4302,6 +4311,8 @@ video {
     --color-footer-bg: #9b0112 ;
     --color-footer-border: #007179;
 
+    --footer-padding-bottom: 112px;
+
     --width-footer-logo: 2.5rem;
     --height-footer-logo: 2.5rem;
 
@@ -4392,6 +4403,8 @@ video {
     --color-footer-bg: #407596; 
     --color-footer-border: #168378;
 
+    --footer-padding-bottom: 112px;
+
     --width-footer-logo: 2.5rem;
     --height-footer-logo: 2.5rem;
     --width-footer-logo-md: 2.5rem;
@@ -4480,6 +4493,8 @@ video {
 
     --color-footer-bg: #606060; 
     --color-footer-border: #007ea1;
+    
+    --footer-padding-bottom: 112px;
 
     /* Medieninhalte, Video, Audio, Bildergalerien */
     --color-label-media: #000000;
@@ -4557,6 +4572,47 @@ video {
 .overflow-anywhere {
     word-wrap: anywhere;
 }
+@media (min-width: 768px) {
+
+  .md\:container {
+    width: 100%;
+  }
+
+  @media (min-width: 360px) {
+
+    .md\:container {
+      max-width: 360px;
+    }
+  }
+
+  @media (min-width: 480px) {
+
+    .md\:container {
+      max-width: 480px;
+    }
+  }
+
+  @media (min-width: 640px) {
+
+    .md\:container {
+      max-width: 640px;
+    }
+  }
+
+  @media (min-width: 768px) {
+
+    .md\:container {
+      max-width: 768px;
+    }
+  }
+
+  @media (min-width: 1024px) {
+
+    .md\:container {
+      max-width: 1024px;
+    }
+  }
+}
 @media (min-width: 1024px) {
 
   .lg\:container {
@@ -5291,6 +5347,10 @@ video {
     margin-top: 0px;
   }
 
+  .md\:mt-10 {
+    margin-top: 2.5rem;
+  }
+
   .md\:mt-2 {
     margin-top: 0.5rem;
   }
@@ -5303,10 +5363,6 @@ video {
     margin-top: 1.5rem;
   }
 
-  .md\:mt-\[38px\] {
-    margin-top: 38px;
-  }
-
   .md\:mt-auto {
     margin-top: auto;
   }
@@ -5520,10 +5576,6 @@ video {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
   }
 
-  .md\:fill-current {
-    fill: currentColor;
-  }
-
   .md\:p-10 {
     padding: 2.5rem;
   }
@@ -5585,6 +5637,10 @@ video {
     padding-top: 0px;
   }
 
+  .md\:pt-10 {
+    padding-top: 2.5rem;
+  }
+
   .md\:pt-16 {
     padding-top: 4rem;
   }
@@ -5605,10 +5661,6 @@ video {
     padding-top: 2rem;
   }
 
-  .md\:pt-\[38px\] {
-    padding-top: 38px;
-  }
-
   .md\:text-2xl {
     font-size: 1.375rem;
     line-height: 1.75rem;
@@ -5643,11 +5695,6 @@ video {
     color: var(--color-footer-text);
   }
 
-  .md\:text-secondary {
-    color: #606060;
-    color: var(--color-secondary-ds);
-  }
-
   .md\:decoration-2 {
     text-decoration-thickness: 2px;
   }
@@ -6036,11 +6083,6 @@ video {
     border-bottom-left-radius: 0.25rem;
   }
 
-  .lg\:rounded-r {
-    border-top-right-radius: 0.25rem;
-    border-bottom-right-radius: 0.25rem;
-  }
-
   .lg\:rounded-t {
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;

package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js

@@ -39,7 +39,7 @@ const DataPolicySettings = function (context) {
             } else {
                 settingsButton.style.display = 'inline-flex'
             }
-        } else {
+        } else { 
             settingsButton.style.display = 'inline-flex'
             console.log('Button immer anzeigen, weil nicht App')
         }

package/dist/views/components/dataPolicySettings/data_policy_settings.hbs

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center mt-4 md:mt-0 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
-        {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
+        {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary js-data-policy-settings-button" _variant="secondary" _onBackground=(defaultIfEmpty (configProperty "buttonConfig.settings.footer") false) }}
             {{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
             {{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
         {{/components/button/button}}
@@ -74,7 +74,7 @@
             </div>
             <div class="bg-[#e3e3e3] py-2.5 px-6">
                 <span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
-                <div class="all">
+                <div class="flex justify-between all">
                     <span class="inline-flex text-base text-black js-providerTitle">x</span>
                     <div class="flex float-right toggleSwitch">
                         {{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all"}}

package/dist/views/components/footer/page_footer.hbs

@@ -1,5 +1,5 @@
-<footer class="flex justify-center w-full pb-4 text-base border-t text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
-    <div class="container flex lg:px-10">
+<footer class="flex justify-center w-full text-base border-t pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+    <div class="flex md:container lg:px-10">
         <span class="hidden">Footer Navigation</span>
                 
         <div class="flex flex-wrap justify-start list-none">

package/dist/views/components/footer/page_footer_column.hbs

@@ -1,7 +1,7 @@
 <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
     <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
         
-        <span class="flex justify-start text-base font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
+        <span class="flex justify-start text-lg font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
         
         <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
             {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}

package/dist/views/components/footer/page_footer_content.hbs

@@ -8,7 +8,7 @@
 
 <div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
 
-    <div class="pb-4 md:pt-[38px] md:mt-[38px] p-0 m-0 md:border-t border-footer-heading">
+    <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
         {{> components/footer/page_footer_search }}
     </div>
      

package/dist/views/components/site_header/navigation_search/quick_search_form.hbs

@@ -65,9 +65,9 @@
     <button 
         aria-label='{{loca "search_input_aria_submit" }}' 
         type="submit" 
-        class="pl-2 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary md:bg-white text-primary "
+        class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-desktop link-focus-inset md:bg-white text-primary "
     >
-        {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-white fill-current bg-primary md:fill-current md:text-secondary md:bg-white"}}
+        {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-primary fill-current bg-transparent"}}
     </button>
 </form>
 

package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-center mt-4 md:mt-0 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
-        {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
+        {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary js-data-policy-settings-button" _variant="secondary" _onBackground=(defaultIfEmpty (configProperty "buttonConfig.settings.footer") false) }}
             {{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
             {{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
         {{/components/button/button}}
@@ -74,7 +74,7 @@
             </div>
             <div class="bg-[#e3e3e3] py-2.5 px-6">
                 <span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
-                <div class="all">
+                <div class="flex justify-between all">
                     <span class="inline-flex text-base text-black js-providerTitle">x</span>
                     <div class="flex float-right toggleSwitch">
                         {{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all"}}

package/dist/views_static/components/footer/page_footer.hbs

@@ -1,5 +1,5 @@
-<footer class="flex justify-center w-full pb-4 text-base border-t text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
-    <div class="container flex lg:px-10">
+<footer class="flex justify-center w-full text-base border-t pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
+    <div class="flex md:container lg:px-10">
         <span class="hidden">Footer Navigation</span>
                 
         <div class="flex flex-wrap justify-start list-none">

package/dist/views_static/components/footer/page_footer_column.hbs

@@ -1,7 +1,7 @@
 <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
     <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
         
-        <span class="flex justify-start text-base font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
+        <span class="flex justify-start text-lg font-bold text-footer-heading "  title="{{_title}}" onclick="">{{_title}}  </span>  
         
         <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
             {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}

package/dist/views_static/components/footer/page_footer_content.hbs

@@ -8,7 +8,7 @@
 
 <div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
 
-    <div class="pb-4 md:pt-[38px] md:mt-[38px] p-0 m-0 md:border-t border-footer-heading">
+    <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
         {{> components/footer/page_footer_search }}
     </div>
      

package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs

@@ -65,9 +65,9 @@
     <button 
         aria-label='{{loca "search_input_aria_submit" }}' 
         type="submit" 
-        class="pl-2 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary md:bg-white text-primary "
+        class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-desktop link-focus-inset md:bg-white text-primary "
     >
-        {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-white fill-current bg-primary md:fill-current md:text-secondary md:bg-white"}}
+        {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-primary fill-current bg-transparent"}}
     </button>
 </form>
 

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.35.4",
+    "version": "1.35.5",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",
@@ -26,7 +26,8 @@
         "saveLogoFilesToFolder": "gulp saveLogoFilesToFolder",
         "preparePartialsForDelivery": "gulp preparePartialsForDelivery",
         "create-modernizr-config": "gulp createModernizrConfig",
-        "merge-locatags": "gulp mergeLocatags"
+        "merge-locatags": "gulp mergeLocatags",
+        "prepare": "yarn build"
     },
     "browserslist": [
         "last 2 versions",
@@ -41,16 +42,16 @@
         "@babel/cli": "^7.13.16",
         "@babel/core": "^7.12.10",
         "@babel/preset-env": "^7.21.4",
-        "@storybook/addon-a11y": "^7.0.12",
-        "@storybook/addon-actions": "^7.0.12",
-        "@storybook/addon-essentials": "^7.0.12",
-        "@storybook/addon-links": "^7.0.12",
-        "@storybook/addon-styling": "^1.0.8",
-        "@storybook/addons": "^7.0.12",
-        "@storybook/blocks": "7.0.12",
-        "@storybook/html": "^7.0.12",
-        "@storybook/html-webpack5": "7.0.12",
-        "@storybook/theming": "^7.0.12",
+        "@storybook/addon-a11y": "^7.2.1",
+        "@storybook/addon-actions": "^7.2.1",
+        "@storybook/addon-essentials": "^7.2.1",
+        "@storybook/addon-links": "^7.2.1",
+        "@storybook/addon-styling": "^1.3.5",
+        "@storybook/addons": "^7.2.1",
+        "@storybook/blocks": "7.2.1",
+        "@storybook/html": "^7.2.1",
+        "@storybook/html-webpack5": "7.2.1",
+        "@storybook/theming": "^7.2.1",
         "auto": "^10.26.0",
         "autoprefixer": "^10.4.2",
         "babel-loader": "^8.2.2",
@@ -92,7 +93,7 @@
         "react-dom": "^18.2.0",
         "remark-gfm": "^3.0.1",
         "rimraf": "^3.0.2",
-        "storybook": "^7.0.12",
+        "storybook": "^7.2.1",
         "storybook-conditional-toolbar-selector": "^1.0.3",
         "tailwindcss": "^3.0.23",
         "tailwindcss-hyphens": "^0.1.0",

package/src/assets/icons/icons/svgmap/rss-ds.svg

@@ -1,17 +1,12 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
-  <defs>
-    <style>
-      .cls-1, .cls-2 {
-        fill: #fff;
-      }
-
-      .cls-2 {
-        fill-rule: evenodd;
-      }
-    </style>
-  </defs>
-  <path class="cls-2" d="m63,124.4v32.4c55.25,0,100.2,44.95,100.2,100.2h32.4c0-73.12-59.48-132.6-132.6-132.6Z"/>
-  <path class="cls-2" d="m63,46.8v32.4c98.04,0,177.8,79.76,177.8,177.8h32.4c0-115.9-94.3-210.2-210.2-210.2Z"/>
-  <circle class="cls-1" cx="92.1" cy="227.9" r="29.1" transform="translate(-49.9 27.26) rotate(-13.28)"/>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="rss" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M54.9,132.5v32.4c55.3,0,100.2,44.9,100.2,100.2h32.4C187.5,192,128,132.5,54.9,132.5z"/>
+<path class="st0" d="M54.9,54.9v32.4c98,0,177.8,79.8,177.8,177.8h32.4C265.1,149.2,170.8,54.9,54.9,54.9L54.9,54.9z"/>
+<ellipse transform="matrix(0.9733 -0.2297 0.2297 0.9733 -51.9657 25.6059)" class="st1" cx="84" cy="236" rx="29.1" ry="29.1"/>
+</svg>

package/src/assets/icons/icons/svgmap/x-ds.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="X" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="m186.06,143.04c27.46-31.32,54.9-62.63,82.39-93.99-.15-.03-.17-.03-.2-.03-12.35,0-24.71,0-37.06.01-.27,0-.61.21-.8.42-10.47,11.92-20.93,23.86-31.39,35.79-9.31,10.62-18.61,21.23-27.92,31.85-.82.94-1.64,1.87-2.49,2.83-.16-.21-.28-.36-.4-.51-12.45-16.43-24.9-32.86-37.36-49.29-5.18-6.84-10.37-13.67-15.53-20.52-.33-.44-.66-.61-1.22-.61-25.42.01-50.85.01-76.27.01h-.82c.2.27.31.42.42.57,16.64,21.72,33.29,43.43,49.92,65.16,11.07,14.46,22.13,28.93,33.2,43.39,3.01,3.93,6.03,7.84,9.06,11.74.34.44.29.69-.06,1.08-12.6,14.35-25.19,28.72-37.78,43.08-16.45,18.77-32.91,37.54-49.36,56.31-.16.18-.31.38-.53.64h.38c12.28,0,24.57,0,36.85-.02.28,0,.63-.18.82-.39,3.16-3.57,6.3-7.16,9.45-10.75,17.47-19.93,34.95-39.86,52.42-59.78,1.94-2.21,3.88-4.42,5.84-6.66,2.29,2.99,4.55,5.93,6.8,8.88,14.1,18.4,28.2,36.8,42.3,55.19,3.33,4.34,6.66,8.68,9.98,13.04.27.36.54.5.99.5,24.88-.01,49.75-.01,74.63-.01.2,0,.39-.02.66-.04-32.35-42.69-64.65-85.3-96.94-127.91Zm50.13,104.94c-6.45,0-12.9,0-19.35.02-.55,0-.9-.19-1.19-.58-2.47-3.2-4.93-6.4-7.39-9.6-4.95-6.45-9.89-12.91-14.85-19.36-4.01-5.22-8.03-10.43-12.05-15.65-10.94-14.21-21.87-28.42-32.81-42.64-11.6-15.07-23.2-30.13-34.8-45.2-11.12-14.45-22.24-28.9-33.36-43.35-.08-.11-.16-.23-.23-.35-.05-.06-.1-.12-.16-.19.05-.02.1-.04.15-.05.19,0,.38-.02.57-.02,7,0,13.99,0,20.99,0,.41,0,.68.1.94.44,3.81,5.04,7.65,10.06,11.47,15.09,4.18,5.49,8.36,10.99,12.54,16.48,4.32,5.68,8.65,11.36,12.97,17.04,4.24,5.57,8.48,11.14,12.72,16.71,5.65,7.43,11.31,14.85,16.96,22.28,4.18,5.49,8.36,10.99,12.54,16.48,4.32,5.68,8.65,11.36,12.98,17.04,4.25,5.58,8.5,11.17,12.75,16.75,4.3,5.64,8.59,11.29,12.89,16.93,4.22,5.55,8.45,11.1,12.67,16.65,1.25,1.65,2.5,3.29,3.86,5.07h-.81Z"/>
+</svg>