hr-design-system-handlebars 1.33.3 → 1.34.0

package/src/stories/views/components/footer/page_footer_social_media.hbs

@@ -0,0 +1,29 @@
+<nav class="block pb-0 mx-auto md:mx-0" aria-labelledby="c-footer_social_media_title" >
+    <span id="c-footer_social_media_title" class="hidden">{{_title}}</span>
+    {{#each _columns}}
+        <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4">
+            {{#each this.links}}
+                {{#if this.extern}}
+                    <li class="pr-2 last:pr-0">
+                        {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
+                            {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current"}}
+                        {{/components/base/link}}
+                        {{#*inline "htmlProperties"}}
+                            title="{{this.title}}"
+                        {{/inline}}
+            
+                    </li>
+                {{else}}
+                    <li class="pr-2 last:pr-0">
+                        {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
+                            {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current"}}
+                        {{/components/base/link}}
+                        {{#*inline "htmlProperties"}}
+                            title="{{this.title}}"
+                        {{/inline}}
+                    </li>
+                {{/if}}
+            {{/each}}
+        </ul>
+    {{/each}}
+</nav>

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

@@ -65,7 +65,7 @@
                     </div>
                 </div>
             </main>
-
+        {{!-- {{> components/footer/page_footer }}  --}}
         </div>
     </body>
 </html>

package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs

@@ -19,7 +19,7 @@
             name="query" 
             x-model="query"
             placeholder='{{loca "search_input_placeholder" }}' 
-            class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-primary text-primary focus:outline-none"
+            class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 rounded-l shadow-inner appearance-none lg:top-10 placeholder-text-xs placeholder-secondary text-secondary focus:outline-none"
             type="text"
             id="searchInput--{{getRandom}}"
             autocomplete="off"
@@ -31,7 +31,7 @@
             aria-controls="suggestionlist--{{getRandom}}"
         > 
         <div 
-            class="absolute left-0 w-auto min-w-full top-8 lg:top-10" 
+            class="absolute left-0 w-auto min-w-full z-100 top-8 lg:top-10" 
             x-show="query.length > 1 && active && suggestions.length"
             x-cloak
             x-transition:leave="transition ease-in duration-100"
@@ -52,7 +52,7 @@
                         <a  
                             x-bind:active="false"
                             x-bind:href="'{{resourceUrl "suche/index.nocache"}}?query=' + suggestion"
-                            x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }"
+                            x-bind:class="{'py-1.5 px-2 link-focus-inset text-base flex w-full text-secondary rounded hover:bg-primary hover:text-white': true, 'bg-primary text-white':index==cursorIndex }"
                         >
                             <span x-text="suggestion"></span>
                         </a>

package/tailwind.config.js

@@ -38,9 +38,15 @@ module.exports = {
         },
 
         extend: {
-            backgroundImage: {},
+            backgroundImage: {
+                'logo-footer' : 'var(--bg-logo-footer)'
+            },
+            invert: {
+                'logo-footer' : 'var(--invert-logo-footer)',
+            },
             borderRadius: {
                 hr: 'var(--border-radius-hr)',
+                'logo-footer' : 'var(--rounded-logo-footer)',
             },
             fontSize: {
                 'xs': ['0.75rem', '1.063rem'],
@@ -132,6 +138,9 @@ module.exports = {
                 '92': '23rem',
                 'half-screen': '50vw',
                 '15/12': '120%',
+                'footer-logo': 'var(--width-footer-logo)',
+                'footer-logo-md': 'var(--width-footer-logo-md)',
+                'footer-logo-lg': 'var(--width-footer-logo-lg)',
             },
             height: {
                 '22': '5.5rem',
@@ -143,6 +152,9 @@ module.exports = {
                 'header-lg-big': '11.0625rem',
                 'header-md': '5.5625rem',
                 'header-sm': '7.5625rem',
+                'footer-logo':'var(--height-footer-logo)',
+                'footer-logo-md': 'var(--height-footer-logo-md)',
+                'footer-logo-lg': 'var(--height-footer-logo-lg)',
             },
             maxHeight: {
                 stage: '34.3125rem',
@@ -338,6 +350,11 @@ module.exports = {
                 'brandnavigation-bg': 'var(--color-brandnavigation-bg)',
                 'navigation-border-color': 'var(--color-navigation-border-color)',
 
+                'footer-bg': 'var(--color-footer-bg)',
+                'footer-text': 'var(--color-footer-text)',
+                'footer-heading': 'var(--color-footer-heading)',
+                'footer-border': 'var(--color-footer-border)',
+
                 'labelMedia': 'var(--color-label-media)',
                 'labelEvent': 'var(--color-label-event)',
                 'labelBreakingnews': 'var(--color-label-breakingnews)',