hr-design-system-handlebars 1.35.3 → 1.35.5

package/src/stories/views/components/article/components/accordion/accordion.hbs

@@ -1,4 +1,4 @@
-<h2 class="mb-5 text-lg font-normal mt-11 md:text-2xl font-headingSerif">{{this.title}}</h2>
+<h2 class="mb-5 text-[1.1875rem] leading-[1.625rem] font-normal mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
 <div x-cloak x-data="{selected:0}" class="pb-11">
     {{#each this.copytextParagraph }}
         {{#if this.isHeadline}}
@@ -8,12 +8,12 @@
                     @click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
             >
                 <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
-                    <h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal md:my-5 md:text-lg font-headingSerif">{{{this.text}}}</h3>
+                    <h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
                     <span :class="selected == {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 md:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
                     </span>
                     <span :class="selected !== {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 md:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
                     </span>
                 </div>
             </button>

package/src/stories/views/components/article/components/accordion/accordion_item.hbs

@@ -1,13 +1,13 @@
 {{#if this.isParagraph}}
     {{#each this.text.split}}
         {{#if this.isText}}
-            <p class="mb-5">{{{this.text}}}</p>
+            <p class="mb-5 text-base sm480:text-lg">{{{this.text}}}</p>
         {{/if}}
         {{#if this.isUl}}
-            <ul class="mb-5 ml-5 list-disc">{{{this.text}}}</ul>
+            <ul class="mb-5 ml-5 text-base list-disc sm480:text-lg">{{{this.text}}}</ul>
         {{/if}}
         {{#if this.isOl}}
-            <ol class="mb-5 ml-5 list-decimal">{{{this.text}}}</ol>
+            <ol class="mb-5 ml-5 text-base list-decimal sm480:text-lg">{{{this.text}}}</ol>
         {{/if}}
     {{/each}}
 {{/if}}

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

@@ -16,6 +16,7 @@ module.exports = {
         screens: {
             print: { raw: 'print' },
             xs: '360px',
+            sm480: '480px',
             sm: '640px',
             // => @media (min-width: 640px) { ... }
             md: '768px',
@@ -99,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%',