hr-design-system-handlebars 1.35.4 → 1.35.5

package/src/stories/views/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/src/stories/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/src/stories/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/src/stories/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/src/stories/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/src/stories/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/tailwind.config.js

@@ -100,6 +100,7 @@ module.exports = {
                 '3/4': '75%',
                 'logo-padding-top': 'var(--logo-padding-top)',
                 'logo-padding-bottom': 'var(--logo-padding-bottom)',
+                'footer-padding-bottom': 'var(--footer-padding-bottom)',
             },
             right: {
                 80: '80%',