hr-design-system-handlebars 1.29.6 → 1.29.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/brand/hr3/icons/logo/brandlogo--desk.min.svg +1 -1
  3. package/dist/assets/brand/hr3/icons/logo/brandlogo--mobile.min.svg +1 -1
  4. package/dist/assets/brand/hr3/icons/logo/svgmap/brandlogo--desk.svg +5 -5
  5. package/dist/assets/brand/hr3/icons/logo/svgmap/brandlogo--mobile.svg +5 -5
  6. package/dist/assets/brand/hr3/icons/logo/svgmap.min.svg +1 -1
  7. package/dist/assets/brand/hr4/icons/logo/brandlogo--desk.min.svg +1 -1
  8. package/dist/assets/brand/hr4/icons/logo/svgmap/brandlogo--desk.svg +24 -20
  9. package/dist/assets/brand/hr4/icons/logo/svgmap/brandlogo--mobile.svg +1 -1
  10. package/dist/assets/brand/hr4/icons/logo/svgmap.min.svg +1 -1
  11. package/dist/assets/index.css +41 -15
  12. package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +6 -6
  13. package/package.json +1 -1
  14. package/src/assets/brand/hr3/icons/logo/brandlogo--desk.min.svg +1 -1
  15. package/src/assets/brand/hr3/icons/logo/brandlogo--mobile.min.svg +1 -1
  16. package/src/assets/brand/hr3/icons/logo/svgmap/brandlogo--desk.svg +5 -5
  17. package/src/assets/brand/hr3/icons/logo/svgmap/brandlogo--mobile.svg +5 -5
  18. package/src/assets/brand/hr3/icons/logo/svgmap.min.svg +1 -1
  19. package/src/assets/brand/hr4/icons/logo/brandlogo--desk.min.svg +1 -1
  20. package/src/assets/brand/hr4/icons/logo/svgmap/brandlogo--desk.svg +24 -20
  21. package/src/assets/brand/hr4/icons/logo/svgmap/brandlogo--mobile.svg +1 -1
  22. package/src/assets/brand/hr4/icons/logo/svgmap.min.svg +1 -1
  23. package/src/assets/css/custom-utilities.css +12 -0
  24. package/src/assets/tailwind.css +6 -1
  25. package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +6 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.29.7 (Wed Jul 05 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 2390 [#667](https://github.com/mumprod/hr-design-system-handlebars/pull/667) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v1.29.6 (Mon Jul 03 2023)
2
14
 
3
15
  #### 🐛 Bug Fix
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z"/><path style="fill:#fff" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
1
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z"/><path style="fill:#fff" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
1
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
@@ -6,14 +6,14 @@
6
6
  .st0{fill:#c20016;}
7
7
  .st1{fill:#FFFFFF;}
8
8
  </style>
9
- <path preserve--style="fill:#c20016;" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
- <path style="fill:#FFFFFF;" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
9
+ <path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
+ <path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
11
11
  C36.8,38.3,30.4,39.5,23.5,39.6"/>
12
- <path style="fill:#FFFFFF;" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
12
+ <path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
13
13
  c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
14
- <path style="fill:#FFFFFF;" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
14
+ <path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
15
15
  h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
16
16
  c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
17
- <path style="fill:#FFFFFF;" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
17
+ <path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
18
18
  c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
19
19
  </svg>
@@ -6,14 +6,14 @@
6
6
  .st0{fill:#c20016;}
7
7
  .st1{fill:#FFFFFF;}
8
8
  </style>
9
- <path preserve--style="fill:#c20016;" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
- <path style="fill:#FFFFFF;" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
9
+ <path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
+ <path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
11
11
  C36.8,38.3,30.4,39.5,23.5,39.6"/>
12
- <path style="fill:#FFFFFF;" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
12
+ <path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
13
13
  c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
14
- <path style="fill:#FFFFFF;" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
14
+ <path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
15
15
  h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
16
16
  c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
17
- <path style="fill:#FFFFFF;" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
17
+ <path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
18
18
  c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
19
19
  </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z" style="fill:#c20016;"/><path d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z" style="fill:#c20016;"/><path d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="181.417" height="173.672" viewBox="0 0 181.417 173.672" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><g fill="#FFF"><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></svg>
1
+ <svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" preserveAspectRatio="xMinYMid meet"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z" style="fill:url(#Unbenannter_Verlauf)"/><g><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></g></svg>
@@ -1,20 +1,24 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="181.417px" height="173.672px" viewBox="0 0 181.417 173.672" enable-background="new 0 0 181.417 173.672"
6
- xml:space="preserve">
7
- <g>
8
- <path fill="#FFFFFF" d="M91.807,134.353c-19.952,0.342-44.129-3.251-59.756-9.906v-5.997c16.423,6.873,38.762,10.519,58.714,10.18
9
- c21.523-0.369,43.933-3.941,59.447-9.951v5.818C132.856,130.586,113.201,133.993,91.807,134.353"/>
10
- <path fill="#FFFFFF" d="M42.438,44.059l-0.003,22.202c0,0,7.065-1.453,13.278-1.392c10.324,0.104,15.497,5.58,15.863,12.733
11
- c0.092,1.819,0.075,2.82,0.075,4.774v28.908h-10.89V81.759c0-3.611,0.233-8.101-7.995-8.062c-5.858,0.028-9.995,1.139-9.995,1.139
12
- v36.448H32.144V44.728L42.438,44.059z"/>
13
- <path fill="#FFFFFF" d="M108.541,64.962c-0.133-0.024-9.725,0.15-15.39,1.435c-6.607,1.489-10.843,5.427-11.436,11.447
14
- c-0.114,1.16-0.167,1.896-0.167,4.536v28.982h10.879V81.73c0-2.601,0.203-4.249,1.927-5.776c1.951-1.724,6.399-1.975,8.946-2.179
15
- c1.744-0.14,5.24-0.235,5.24-0.235V64.962z"/>
16
- <polygon fill="#FFFFFF" points="155.188,96.168 155.188,86.92 147.173,86.92 147.173,71.231 136.953,71.231 136.953,86.92
17
- 124.235,86.92 143.316,42.483 132.061,42.483 112.832,86.92 112.832,96.168 136.953,96.168 136.953,111.284 147.669,111.284
18
- 147.669,96.168 "/>
19
- </g>
20
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 62">
3
+ <defs>
4
+ <style>
5
+ .cls-1 {
6
+ fill: #fff;
7
+ }
8
+ .cls-2 {
9
+ fill: url(#Unbenannter_Verlauf);
10
+ }
11
+ </style>
12
+ <linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="translate(0 182) scale(1 -1)" gradientUnits="userSpaceOnUse">
13
+ <stop offset=".03" stop-color="#d6007f"/>
14
+ <stop offset=".48" stop-color="#9b0058"/>
15
+ </linearGradient>
16
+ </defs>
17
+ <path class="cls-2" d="m50,62H0V12C0,5.4,5.4,0,12,0h50v50c0,6.6-5.4,12-12,12Z"/>
18
+ <g>
19
+ <path class="cls-1" d="m30.36,47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86,2.46,13.86,3.75,20.96,3.64,7.68-.14,15.68-1.39,21.21-3.57v2.07c-6.14,2.18-13.18,3.39-20.82,3.54"/>
20
+ <path class="cls-1" d="m12.71,15.16v7.93s2.54-.54,4.75-.5c3.68.04,5.54,2,5.68,4.54.04.64.04,1,.04,1.71v10.32h-3.89v-10.54c0-1.29.07-2.89-2.86-2.89-2.11,0-3.57.39-3.57.39v13h-3.82V15.37l3.68-.21Z"/>
21
+ <path class="cls-1" d="m36.32,22.62s-3.46.07-5.5.5c-2.36.54-3.86,1.93-4.07,4.07-.04.43-.07.68-.07,1.61v10.36h3.89v-10.57c0-.93.07-1.5.68-2.07.71-.61,2.29-.71,3.18-.79.61-.04,1.86-.07,1.86-.07l.04-3.04h0Z"/>
22
+ <polygon class="cls-1" points="53 33.76 53 30.44 50.14 30.44 50.14 24.84 46.5 24.84 46.5 30.44 41.93 30.44 48.75 14.59 44.75 14.59 37.86 30.44 37.86 33.76 46.5 33.76 46.5 39.16 50.32 39.16 50.32 33.76 53 33.76"/>
23
+ </g>
24
+ </svg>
@@ -17,4 +17,4 @@
17
17
  124.235,86.92 143.316,42.483 132.061,42.483 112.832,86.92 112.832,96.168 136.953,96.168 136.953,111.284 147.669,111.284
18
18
  147.669,96.168 "/>
19
19
  </g>
20
- </svg>
20
+ </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 62 62"><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z"/><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
@@ -1084,6 +1084,9 @@ video {
1084
1084
  .top-10 {
1085
1085
  top: 2.5rem;
1086
1086
  }
1087
+ .top-8 {
1088
+ top: 2rem;
1089
+ }
1087
1090
  .top-\[41px\] {
1088
1091
  top: 41px;
1089
1092
  }
@@ -1522,6 +1525,9 @@ video {
1522
1525
  .min-w-7 {
1523
1526
  min-width: 1.75rem;
1524
1527
  }
1528
+ .min-w-full {
1529
+ min-width: 100%;
1530
+ }
1525
1531
  .max-w-3\/4 {
1526
1532
  max-width: 75%;
1527
1533
  }
@@ -1806,14 +1812,6 @@ video {
1806
1812
  border-top-left-radius: 0.25rem;
1807
1813
  border-bottom-left-radius: 0.25rem;
1808
1814
  }
1809
- .rounded-r {
1810
- border-top-right-radius: 0.25rem;
1811
- border-bottom-right-radius: 0.25rem;
1812
- }
1813
- .rounded-r-none {
1814
- border-top-right-radius: 0px;
1815
- border-bottom-right-radius: 0px;
1816
- }
1817
1815
  .rounded-t {
1818
1816
  border-top-left-radius: 0.25rem;
1819
1817
  border-top-right-radius: 0.25rem;
@@ -2819,7 +2817,7 @@ video {
2819
2817
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2820
2818
  }
2821
2819
  .counter-reset {
2822
- counter-reset: cnt1688393659458;
2820
+ counter-reset: cnt1688570892715;
2823
2821
  }
2824
2822
  .hyphens-auto {
2825
2823
  -webkit-hyphens: auto;
@@ -3054,7 +3052,7 @@ video {
3054
3052
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3055
3053
  }
3056
3054
  .-ordered {
3057
- counter-increment: cnt1688393659458 1;
3055
+ counter-increment: cnt1688570892715 1;
3058
3056
  }
3059
3057
  .-ordered::before {
3060
3058
  position: absolute;
@@ -3070,7 +3068,7 @@ video {
3070
3068
  letter-spacing: .0125em;
3071
3069
  --tw-text-opacity: 1;
3072
3070
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3073
- content: counter(cnt1688393659458);
3071
+ content: counter(cnt1688570892715);
3074
3072
  }
3075
3073
  /*! ****************************/
3076
3074
  /*! text-shadow */
@@ -3121,6 +3119,13 @@ video {
3121
3119
  padding-bottom: 10px;
3122
3120
  padding-bottom: var(--logo-padding-bottom);
3123
3121
  }
3122
+ /*! ****************************/
3123
+ /*! Search-Box-border */
3124
+ /*! ****************************/
3125
+ .search-border-mobile {
3126
+ border-color: #005293;
3127
+ border-color: var(--search-border-color-mobile);
3128
+ }
3124
3129
  .\[-T\:\+Z\] {
3125
3130
  --t: +Z;
3126
3131
  }
@@ -3232,7 +3237,8 @@ video {
3232
3237
  --color-ticker-teaser-label-byline: #ffffff;
3233
3238
  --color-ticker-teaser-timeline-score: #d34600;
3234
3239
  --color-ticker-teaser-footer: #ffffff;
3235
-
3240
+ --search-border-color-desktop: transparent;
3241
+ --search-border-color-mobile: var(--color-primary-ds);
3236
3242
  }
3237
3243
  [data-theme='hessenschau'] {
3238
3244
  --color-primary-ds: #005293;
@@ -3900,6 +3906,8 @@ video {
3900
3906
  --font-weight-title: 700;
3901
3907
  /* ticker-Teaser*/
3902
3908
  --color-ticker-teaser-timeline-score: #e5007d;
3909
+
3910
+ --search-border-color-desktop: var(--color-navigation-icons);
3903
3911
  }
3904
3912
  [data-theme='hr3'] {
3905
3913
  --color-primary-ds: #c20016;
@@ -3973,6 +3981,8 @@ video {
3973
3981
  /* Font */
3974
3982
  --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
3975
3983
  --font-weight-title: 700;
3984
+
3985
+ --search-border-color-desktop: var(--color-primary-ds);
3976
3986
  }
3977
3987
  [data-theme='hr4'] {
3978
3988
  --color-primary-ds: #168378;
@@ -5153,6 +5163,10 @@ video {
5153
5163
  top: 0px;
5154
5164
  }
5155
5165
 
5166
+ .lg\:top-10 {
5167
+ top: 2.5rem;
5168
+ }
5169
+
5156
5170
  .lg\:top-15 {
5157
5171
  top: 3.75rem;
5158
5172
  }
@@ -5206,6 +5220,14 @@ video {
5206
5220
  margin-right: 0.5rem;
5207
5221
  }
5208
5222
 
5223
+ .lg\:mt-0 {
5224
+ margin-top: 0px;
5225
+ }
5226
+
5227
+ .lg\:mt-0\.5 {
5228
+ margin-top: 0.125rem;
5229
+ }
5230
+
5209
5231
  .lg\:mt-1 {
5210
5232
  margin-top: 0.25rem;
5211
5233
  }
@@ -5377,9 +5399,9 @@ video {
5377
5399
  border-bottom-left-radius: 0.25rem;
5378
5400
  }
5379
5401
 
5380
- .lg\:rounded-l {
5381
- border-top-left-radius: 0.25rem;
5382
- border-bottom-left-radius: 0.25rem;
5402
+ .lg\:rounded-r {
5403
+ border-top-right-radius: 0.25rem;
5404
+ border-bottom-right-radius: 0.25rem;
5383
5405
  }
5384
5406
 
5385
5407
  .lg\:rounded-t {
@@ -5571,6 +5593,10 @@ video {
5571
5593
  padding-bottom: 10px;
5572
5594
  padding-bottom: var(--logo-padding-bottom-lg);
5573
5595
  }
5596
+ .lg\:search-border-desktop {
5597
+ border-color: transparent;
5598
+ border-color: var(--search-border-color-desktop);
5599
+ }
5574
5600
  .first\:lg\:-ml-4:first-child {
5575
5601
  margin-left: -1rem;
5576
5602
  }
@@ -3,10 +3,10 @@
3
3
  role="search"
4
4
  action="{{resourceUrl "suche/index.nocache"}}"
5
5
  method="get"
6
- class="flex w-full sb-quick-search-form md:justify-end lg:h-10"
6
+ class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
7
7
  >
8
8
  <div
9
- class="relative w-full lg:rounded-l"
9
+ class="flex w-full lg:h-10"
10
10
  id="search-content"
11
11
  @click.away="active=false; cursorIndex=-1"
12
12
  @keydown.arrow-down="moveDownList()"
@@ -19,7 +19,7 @@
19
19
  name="query"
20
20
  x-model="query"
21
21
  placeholder='{{loca "search_input_placeholder" }}'
22
- class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 border rounded-l rounded-r-none shadow-inner appearance-none lg:border-0 lg:border-none border-primary lg:h-10 placeholder-text-xs placeholder-primary text-primary focus:outline-none"
22
+ 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"
23
23
  type="text"
24
24
  id="searchInput--{{getRandom}}"
25
25
  autocomplete="off"
@@ -31,7 +31,7 @@
31
31
  aria-controls="suggestionlist--{{getRandom}}"
32
32
  >
33
33
  <div
34
- class="relative"
34
+ class="absolute left-0 w-auto min-w-full top-8 lg:top-10"
35
35
  x-show="query.length > 1 && active && suggestions.length"
36
36
  x-cloak
37
37
  x-transition:leave="transition ease-in duration-100"
@@ -43,7 +43,7 @@
43
43
  id="suggestionlist--{{getRandom}}"
44
44
  aria-label="Suche öffnen"
45
45
  x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
46
- class="absolute w-full mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
46
+ class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
47
47
  x-ref="list"
48
48
  >
49
49
 
@@ -65,7 +65,7 @@
65
65
  <button
66
66
  aria-label='{{loca "search_input_aria_submit" }}'
67
67
  type="submit"
68
- class="pl-3 pr-2 rounded-r cursor-pointer link-focus-inset bg-primary lg:bg-white text-primary z-10002"
68
+ class="pl-3 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary lg:bg-white text-primary z-10002"
69
69
  >
70
70
  <svg class="w-6 h-6 text-white fill-current bg-primary lg:fill-current lg:text-primary lg:bg-white"
71
71
  xmlns="http://www.w3.org/2000/svg"
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.29.6",
9
+ "version": "1.29.7",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z"/><path style="fill:#fff" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
1
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z"/><path style="fill:#fff" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
1
+ <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="48" height="48" viewBox="0 0 48 48" style="enable-background:new 0 0 48 48" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><style>.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0c0 0 38 0 38 0z" style="fill:#c20016"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3 0 .6 0 .9 0 1.6v9.7h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7.4 0 1 0 1.3 0l.1-2.9z"/></svg>
@@ -6,14 +6,14 @@
6
6
  .st0{fill:#c20016;}
7
7
  .st1{fill:#FFFFFF;}
8
8
  </style>
9
- <path preserve--style="fill:#c20016;" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
- <path style="fill:#FFFFFF;" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
9
+ <path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
+ <path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
11
11
  C36.8,38.3,30.4,39.5,23.5,39.6"/>
12
- <path style="fill:#FFFFFF;" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
12
+ <path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
13
13
  c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
14
- <path style="fill:#FFFFFF;" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
14
+ <path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
15
15
  h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
16
16
  c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
17
- <path style="fill:#FFFFFF;" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
17
+ <path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
18
18
  c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
19
19
  </svg>
@@ -6,14 +6,14 @@
6
6
  .st0{fill:#c20016;}
7
7
  .st1{fill:#FFFFFF;}
8
8
  </style>
9
- <path preserve--style="fill:#c20016;" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
- <path style="fill:#FFFFFF;" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
9
+ <path class="st0" d="M43,0c0,0,5,0,5,5.4v37.3c0,0,0,5.4-5,5.4H5c0,0-5,0-5-5.4V5.4C0,5.4,0,0,5,0C5,0,43,0,43,0z"/>
10
+ <path class="st1" d="M23.5,39.6c-6.5,0.1-14.3-1.1-19.3-3.3v-2c5.3,2.3,12.5,3.5,19,3.4c7-0.1,14.2-1.3,19.2-3.3v1.9
11
11
  C36.8,38.3,30.4,39.5,23.5,39.6"/>
12
- <path style="fill:#FFFFFF;" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
12
+ <path class="st1" d="M7.6,9.7l0,7.4c0,0,2.3-0.5,4.3-0.5c3.3,0,5,1.9,5.1,4.3c0,0.6,0,0.9,0,1.6v9.7h-3.5v-9.9
13
13
  c0-1.2,0.1-2.7-2.6-2.7C9,19.6,7.7,20,7.7,20v12.2H4.2V9.9L7.6,9.7z"/>
14
- <path style="fill:#FFFFFF;" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
14
+ <path class="st1" d="M36.3,32.6c-4.1,0-7.9-2-7.9-7h4.6c0.1,2.1,1.6,3.1,3.4,3.1c2,0,3.4-1.2,3.4-3.3c0-2-1.3-3.3-3.5-3.3h-0.7v-3.8
15
15
  h0.7c2.2,0,3.2-1.3,3.2-3c0-2-1.4-3-3-3c-1.7,0-3,1.1-3.1,2.9h-4.6c0.1-4.3,3.4-6.8,7.6-6.8c4.4,0,7.6,2.8,7.6,6.8
16
16
  c0,2.6-1.2,4.1-2.9,4.9c1.8,0.9,3.2,2.5,3.2,5.4C44.2,30.3,40.5,32.6,36.3,32.6"/>
17
- <path style="fill:#FFFFFF;" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
17
+ <path class="st1" d="M28.6,16.7c-0.7,0-3,0.1-4.6,0.4c-2.1,0.5-3.5,1.8-3.7,3.8c0,0.4-0.1,0.6-0.1,1.5v9.7h3.5l0-9.9
18
18
  c0-0.9,0.1-1.4,0.6-1.9c0.6-0.6,2.1-0.7,2.9-0.7c0.4,0,1,0,1.3,0L28.6,16.7L28.6,16.7z"/>
19
19
  </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z" style="fill:#c20016;"/><path d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st0{fill:#c20016}.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z" style="fill:#c20016;"/><path d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 48 48"><style type="text/css">.st1{fill:#fff}</style><path d="M43 0s5 0 5 5.4v37.3s0 5.4-5 5.4H5s-5 0-5-5.4V5.4S0 0 5 0h38z"/><path class="st1" d="M23.5 39.6c-6.5.1-14.3-1.1-19.3-3.3v-2c5.3 2.3 12.5 3.5 19 3.4 7-.1 14.2-1.3 19.2-3.3v1.9c-5.6 2-12 3.2-18.9 3.3M7.6 9.7v7.4s2.3-.5 4.3-.5c3.3 0 5 1.9 5.1 4.3V32.2h-3.5v-9.9c0-1.2.1-2.7-2.6-2.7-1.9 0-3.2.4-3.2.4v12.2H4.2V9.9l3.4-.2zM36.3 32.6c-4.1 0-7.9-2-7.9-7H33c.1 2.1 1.6 3.1 3.4 3.1 2 0 3.4-1.2 3.4-3.3 0-2-1.3-3.3-3.5-3.3h-.7v-3.8h.7c2.2 0 3.2-1.3 3.2-3 0-2-1.4-3-3-3-1.7 0-3 1.1-3.1 2.9h-4.6c.1-4.3 3.4-6.8 7.6-6.8 4.4 0 7.6 2.8 7.6 6.8 0 2.6-1.2 4.1-2.9 4.9 1.8.9 3.2 2.5 3.2 5.4-.1 4.8-3.8 7.1-8 7.1M28.6 16.7c-.7 0-3 .1-4.6.4-2.1.5-3.5 1.8-3.7 3.8 0 .4-.1.6-.1 1.5v9.7h3.5v-9.9c0-.9.1-1.4.6-1.9.6-.6 2.1-.7 2.9-.7h1.3l.1-2.9z"/></symbol></svg>
@@ -1 +1 @@
1
- <svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="181.417" height="173.672" viewBox="0 0 181.417 173.672" xml:space="preserve" preserveAspectRatio="xMinYMid meet"><g fill="#FFF"><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></svg>
1
+ <svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 62 62" preserveAspectRatio="xMinYMid meet"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z" style="fill:url(#Unbenannter_Verlauf)"/><g><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></g></svg>
@@ -1,20 +1,24 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4
- <svg version="1.1" id="Ebene_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
5
- width="181.417px" height="173.672px" viewBox="0 0 181.417 173.672" enable-background="new 0 0 181.417 173.672"
6
- xml:space="preserve">
7
- <g>
8
- <path fill="#FFFFFF" d="M91.807,134.353c-19.952,0.342-44.129-3.251-59.756-9.906v-5.997c16.423,6.873,38.762,10.519,58.714,10.18
9
- c21.523-0.369,43.933-3.941,59.447-9.951v5.818C132.856,130.586,113.201,133.993,91.807,134.353"/>
10
- <path fill="#FFFFFF" d="M42.438,44.059l-0.003,22.202c0,0,7.065-1.453,13.278-1.392c10.324,0.104,15.497,5.58,15.863,12.733
11
- c0.092,1.819,0.075,2.82,0.075,4.774v28.908h-10.89V81.759c0-3.611,0.233-8.101-7.995-8.062c-5.858,0.028-9.995,1.139-9.995,1.139
12
- v36.448H32.144V44.728L42.438,44.059z"/>
13
- <path fill="#FFFFFF" d="M108.541,64.962c-0.133-0.024-9.725,0.15-15.39,1.435c-6.607,1.489-10.843,5.427-11.436,11.447
14
- c-0.114,1.16-0.167,1.896-0.167,4.536v28.982h10.879V81.73c0-2.601,0.203-4.249,1.927-5.776c1.951-1.724,6.399-1.975,8.946-2.179
15
- c1.744-0.14,5.24-0.235,5.24-0.235V64.962z"/>
16
- <polygon fill="#FFFFFF" points="155.188,96.168 155.188,86.92 147.173,86.92 147.173,71.231 136.953,71.231 136.953,86.92
17
- 124.235,86.92 143.316,42.483 132.061,42.483 112.832,86.92 112.832,96.168 136.953,96.168 136.953,111.284 147.669,111.284
18
- 147.669,96.168 "/>
19
- </g>
20
- </svg>
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 62">
3
+ <defs>
4
+ <style>
5
+ .cls-1 {
6
+ fill: #fff;
7
+ }
8
+ .cls-2 {
9
+ fill: url(#Unbenannter_Verlauf);
10
+ }
11
+ </style>
12
+ <linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="translate(0 182) scale(1 -1)" gradientUnits="userSpaceOnUse">
13
+ <stop offset=".03" stop-color="#d6007f"/>
14
+ <stop offset=".48" stop-color="#9b0058"/>
15
+ </linearGradient>
16
+ </defs>
17
+ <path class="cls-2" d="m50,62H0V12C0,5.4,5.4,0,12,0h50v50c0,6.6-5.4,12-12,12Z"/>
18
+ <g>
19
+ <path class="cls-1" d="m30.36,47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86,2.46,13.86,3.75,20.96,3.64,7.68-.14,15.68-1.39,21.21-3.57v2.07c-6.14,2.18-13.18,3.39-20.82,3.54"/>
20
+ <path class="cls-1" d="m12.71,15.16v7.93s2.54-.54,4.75-.5c3.68.04,5.54,2,5.68,4.54.04.64.04,1,.04,1.71v10.32h-3.89v-10.54c0-1.29.07-2.89-2.86-2.89-2.11,0-3.57.39-3.57.39v13h-3.82V15.37l3.68-.21Z"/>
21
+ <path class="cls-1" d="m36.32,22.62s-3.46.07-5.5.5c-2.36.54-3.86,1.93-4.07,4.07-.04.43-.07.68-.07,1.61v10.36h3.89v-10.57c0-.93.07-1.5.68-2.07.71-.61,2.29-.71,3.18-.79.61-.04,1.86-.07,1.86-.07l.04-3.04h0Z"/>
22
+ <polygon class="cls-1" points="53 33.76 53 30.44 50.14 30.44 50.14 24.84 46.5 24.84 46.5 30.44 41.93 30.44 48.75 14.59 44.75 14.59 37.86 30.44 37.86 33.76 46.5 33.76 46.5 39.16 50.32 39.16 50.32 33.76 53 33.76"/>
23
+ </g>
24
+ </svg>
@@ -17,4 +17,4 @@
17
17
  124.235,86.92 143.316,42.483 132.061,42.483 112.832,86.92 112.832,96.168 136.953,96.168 136.953,111.284 147.669,111.284
18
18
  147.669,96.168 "/>
19
19
  </g>
20
- </svg>
20
+ </svg>
@@ -1 +1 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><linearGradient id="Unbenannter_Verlauf" data-name="Unbenannter Verlauf" x1="51.64" y1="171.64" x2="12.95" y2="132.95" gradientTransform="matrix(1 0 0 -1 0 182)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#d6007f"/><stop offset=".48" stop-color="#9b0058"/></linearGradient><style>.cls-1{fill:#fff}</style></defs><symbol id="brandlogo--desk" viewBox="0 0 62 62"><path d="M50 62H0V12C0 5.4 5.4 0 12 0h50v50c0 6.6-5.4 12-12 12Z"/><path class="cls-1" d="M30.36 47.41c-7.14.11-15.75-1.18-21.36-3.54v-2.14c5.86 2.46 13.86 3.75 20.96 3.64 7.68-.14 15.68-1.39 21.21-3.57v2.07c-6.14 2.18-13.18 3.39-20.82 3.54M12.71 15.16v7.93s2.54-.54 4.75-.5c3.68.04 5.54 2 5.68 4.54.04.64.04 1 .04 1.71v10.32h-3.89V28.62c0-1.29.07-2.89-2.86-2.89-2.11 0-3.57.39-3.57.39v13H9.04V15.37l3.68-.21ZM36.32 22.62s-3.46.07-5.5.5c-2.36.54-3.86 1.93-4.07 4.07-.04.43-.07.68-.07 1.61v10.36h3.89V28.59c0-.93.07-1.5.68-2.07.71-.61 2.29-.71 3.18-.79.61-.04 1.86-.07 1.86-.07l.04-3.04ZM53 33.76v-3.32h-2.86v-5.6H46.5v5.6h-4.57l6.82-15.85h-4l-6.89 15.85v3.32h8.64v5.4h3.82v-5.4H53z"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 181.417 173.672"><g><path d="M91.807 134.353c-19.952.342-44.129-3.251-59.756-9.906v-5.997c16.423 6.873 38.762 10.519 58.714 10.18 21.523-.369 43.933-3.941 59.447-9.951v5.818c-17.356 6.089-37.011 9.496-58.405 9.856M42.438 44.059l-.003 22.202s7.065-1.453 13.278-1.392c10.324.104 15.497 5.58 15.863 12.733.092 1.819.075 2.82.075 4.774v28.908h-10.89V81.759c0-3.611.233-8.101-7.995-8.062-5.858.028-9.995 1.139-9.995 1.139v36.448H32.144V44.728l10.294-.669zM108.541 64.962c-.133-.024-9.725.15-15.39 1.435-6.607 1.489-10.843 5.427-11.436 11.447-.114 1.16-.167 1.896-.167 4.536v28.982h10.879V81.73c0-2.601.203-4.249 1.927-5.776 1.951-1.724 6.399-1.975 8.946-2.179 1.744-.14 5.24-.235 5.24-.235v-8.578zM155.188 96.168V86.92h-8.015V71.231h-10.22V86.92h-12.718l19.081-44.437h-11.255L112.832 86.92v9.248h24.121v15.116h10.716V96.168z"/></g></symbol></svg>
@@ -234,4 +234,16 @@
234
234
  padding-bottom: var(--logo-padding-bottom);
235
235
  }
236
236
  }
237
+
238
+ /*! ****************************/
239
+ /*! Search-Box-border */
240
+ /*! ****************************/
241
+ @responsive {
242
+ .search-border-mobile {
243
+ border-color: var(--search-border-color-mobile);
244
+ }
245
+ .search-border-desktop {
246
+ border-color: var(--search-border-color-desktop);
247
+ }
248
+ }
237
249
  }
@@ -107,7 +107,8 @@
107
107
  --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
108
108
  --color-ticker-teaser-timeline-score: theme('colors.orange.spicyCarrot');
109
109
  --color-ticker-teaser-footer: theme('colors.white.DEFAULT');
110
-
110
+ --search-border-color-desktop: theme('colors.transparent');
111
+ --search-border-color-mobile: var(--color-primary-ds);
111
112
  }
112
113
 
113
114
  [data-theme='hessenschau'] {
@@ -785,6 +786,8 @@
785
786
  --font-weight-title: theme('fontWeight.bold');
786
787
  /* ticker-Teaser*/
787
788
  --color-ticker-teaser-timeline-score: theme('colors.pink.rose');
789
+
790
+ --search-border-color-desktop: var(--color-navigation-icons);
788
791
  }
789
792
 
790
793
  [data-theme='hr3'] {
@@ -859,6 +862,8 @@
859
862
  /* Font */
860
863
  --font-title: theme('fontFamily.heading');
861
864
  --font-weight-title: theme('fontWeight.bold');
865
+
866
+ --search-border-color-desktop: var(--color-primary-ds);
862
867
  }
863
868
 
864
869
  [data-theme='hr4'] {
@@ -3,10 +3,10 @@
3
3
  role="search"
4
4
  action="{{resourceUrl "suche/index.nocache"}}"
5
5
  method="get"
6
- class="flex w-full sb-quick-search-form md:justify-end lg:h-10"
6
+ class="relative flex w-full border rounded lg:search-border-desktop search-border-mobile sb-quick-search-form md:justify-end"
7
7
  >
8
8
  <div
9
- class="relative w-full lg:rounded-l"
9
+ class="flex w-full lg:h-10"
10
10
  id="search-content"
11
11
  @click.away="active=false; cursorIndex=-1"
12
12
  @keydown.arrow-down="moveDownList()"
@@ -19,7 +19,7 @@
19
19
  name="query"
20
20
  x-model="query"
21
21
  placeholder='{{loca "search_input_placeholder" }}'
22
- class="w-full px-2 py-2 text-base leading-4 placeholder-opacity-100 border rounded-l rounded-r-none shadow-inner appearance-none lg:border-0 lg:border-none border-primary lg:h-10 placeholder-text-xs placeholder-primary text-primary focus:outline-none"
22
+ 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"
23
23
  type="text"
24
24
  id="searchInput--{{getRandom}}"
25
25
  autocomplete="off"
@@ -31,7 +31,7 @@
31
31
  aria-controls="suggestionlist--{{getRandom}}"
32
32
  >
33
33
  <div
34
- class="relative"
34
+ class="absolute left-0 w-auto min-w-full top-8 lg:top-10"
35
35
  x-show="query.length > 1 && active && suggestions.length"
36
36
  x-cloak
37
37
  x-transition:leave="transition ease-in duration-100"
@@ -43,7 +43,7 @@
43
43
  id="suggestionlist--{{getRandom}}"
44
44
  aria-label="Suche öffnen"
45
45
  x-effect="$el.setAttribute('aria-expanded', query.length > 1 && active && suggestions.length > 0);$el.setAttribute('aria-hidden', !(query.length > 1 && active && suggestions.length > 0))"
46
- class="absolute w-full mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
46
+ class=" w-full mt-1 lg:mt-0.5 bg-white border rounded divide-y shadow-xl top-100"
47
47
  x-ref="list"
48
48
  >
49
49
 
@@ -65,7 +65,7 @@
65
65
  <button
66
66
  aria-label='{{loca "search_input_aria_submit" }}'
67
67
  type="submit"
68
- class="pl-3 pr-2 rounded-r cursor-pointer link-focus-inset bg-primary lg:bg-white text-primary z-10002"
68
+ class="pl-3 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary lg:bg-white text-primary z-10002"
69
69
  >
70
70
  <svg class="w-6 h-6 text-white fill-current bg-primary lg:fill-current lg:text-primary lg:bg-white"
71
71
  xmlns="http://www.w3.org/2000/svg"