hr-design-system-handlebars 1.51.12 → 1.51.14
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.
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +9 -3
- package/dist/views/components/site_header/anchor_navigation/anchor_navigation.hbs +5 -5
- package/dist/views/components/site_header/anchor_navigation/featurebox_anchor.hbs +1 -1
- package/dist/views/components/site_header/header.hbs +1 -1
- package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +14 -4
- package/dist/views_static/components/site_header/anchor_navigation/anchor_navigation.hbs +5 -5
- package/dist/views_static/components/site_header/anchor_navigation/featurebox_anchor.hbs +1 -1
- package/dist/views_static/components/site_header/header.hbs +1 -1
- package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +14 -4
- package/package.json +1 -1
- package/src/assets/tailwind.css +2 -0
- package/src/stories/views/components/site_header/anchor_navigation/anchor_navigation.hbs +5 -5
- package/src/stories/views/components/site_header/anchor_navigation/featurebox_anchor.hbs +1 -1
- package/src/stories/views/components/site_header/header.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +14 -4
- package/tailwind.config.js +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.51.14 (Wed Jan 10 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe-2706 Lupe in Suchfeld hat falsche Farbe [#798](https://github.com/mumprod/hr-design-system-handlebars/pull/798) ([@Sunny1112358](https://github.com/Sunny1112358))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@Sunny1112358](https://github.com/Sunny1112358)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.51.13 (Wed Jan 10 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- :bug: make anchor nav visible for screenreaders [#799](https://github.com/mumprod/hr-design-system-handlebars/pull/799) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@szuelch](https://github.com/szuelch)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.51.12 (Wed Jan 10 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2449,6 +2449,10 @@ article.indexText ul {
|
|
|
2449
2449
|
fill: #006eb7;
|
|
2450
2450
|
fill: var(--color-link);
|
|
2451
2451
|
}
|
|
2452
|
+
.fill-search {
|
|
2453
|
+
fill: #000000;
|
|
2454
|
+
fill: var(--search-icon-color);
|
|
2455
|
+
}
|
|
2452
2456
|
.fill-structure-nav-text {
|
|
2453
2457
|
fill: #ffffff;
|
|
2454
2458
|
fill: var(--structure-nav-text);
|
|
@@ -3218,7 +3222,7 @@ article.indexText ul {
|
|
|
3218
3222
|
border-bottom-color: var(--color-secondary-ds);
|
|
3219
3223
|
}
|
|
3220
3224
|
.counter-reset {
|
|
3221
|
-
counter-reset:
|
|
3225
|
+
counter-reset: cnt1704895602790;
|
|
3222
3226
|
}
|
|
3223
3227
|
.hyphens-auto {
|
|
3224
3228
|
-webkit-hyphens: auto;
|
|
@@ -3520,7 +3524,7 @@ article.indexText ul {
|
|
|
3520
3524
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3521
3525
|
}
|
|
3522
3526
|
.-ordered {
|
|
3523
|
-
counter-increment:
|
|
3527
|
+
counter-increment: cnt1704895602790 1;
|
|
3524
3528
|
}
|
|
3525
3529
|
.-ordered::before {
|
|
3526
3530
|
position: absolute;
|
|
@@ -3536,7 +3540,7 @@ article.indexText ul {
|
|
|
3536
3540
|
letter-spacing: .0125em;
|
|
3537
3541
|
--tw-text-opacity: 1;
|
|
3538
3542
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3539
|
-
content: counter(
|
|
3543
|
+
content: counter(cnt1704895602790);
|
|
3540
3544
|
}
|
|
3541
3545
|
/*! ****************************/
|
|
3542
3546
|
/*! DataPolicy stuff */
|
|
@@ -3671,6 +3675,7 @@ article.indexText ul {
|
|
|
3671
3675
|
--search-border-color-desktop: #000000;
|
|
3672
3676
|
--search-border-color-mobile: #000000;
|
|
3673
3677
|
--color-search-footer-text: #000000;
|
|
3678
|
+
--search-icon-color: #000000;
|
|
3674
3679
|
|
|
3675
3680
|
/* Logo-Container Padding */
|
|
3676
3681
|
--logo-padding-top: 6px;
|
|
@@ -3807,6 +3812,7 @@ article.indexText ul {
|
|
|
3807
3812
|
--search-border-color-desktop: transparent;
|
|
3808
3813
|
--search-border-color-mobile: var(--color-primary-ds);
|
|
3809
3814
|
--color-search-footer-text: #000;
|
|
3815
|
+
--search-icon-color: #005293;
|
|
3810
3816
|
|
|
3811
3817
|
/* Logo-Container Padding */
|
|
3812
3818
|
--logo-padding-top: 6px;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<nav id="sprungmarken" aria-labelledby="anchorNavHeadline">
|
|
2
|
-
<span id="anchorNavHeadline"
|
|
2
|
+
<span id="anchorNavHeadline">{{loca "anchor_headline"}}</span>
|
|
3
3
|
<ul>
|
|
4
|
-
<li><a href="#brandNavWrapper"
|
|
5
|
-
<li><a href="#serviceNavWrapper"
|
|
6
|
-
<li><a href="#sectionNavWrapper"
|
|
4
|
+
<li><a href="#brandNavWrapper" >{{loca "anchor_brandNav"}}</a></li>
|
|
5
|
+
<li><a href="#serviceNavWrapper">{{loca "anchor_serviceNav"}}</a></li>
|
|
6
|
+
<li><a href="#sectionNavWrapper">{{loca "anchor_sectionNav"}}</a></li>
|
|
7
7
|
{{{this.featureBoxAnchorSSI}}}
|
|
8
|
-
<li><a href="#content"
|
|
8
|
+
<li><a href="#content">{{loca "anchor_mainContent"}}</a></li>
|
|
9
9
|
</ul>
|
|
10
10
|
</nav>
|
|
@@ -62,13 +62,23 @@
|
|
|
62
62
|
</ul>
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
|
-
|
|
65
|
+
|
|
66
|
+
{{#if _footer}}
|
|
67
|
+
<button
|
|
66
68
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
67
69
|
type="submit"
|
|
68
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary "
|
|
69
|
-
>
|
|
70
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
70
71
|
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
71
|
-
|
|
72
|
+
</button>
|
|
73
|
+
{{else}}
|
|
74
|
+
<button
|
|
75
|
+
aria-label='{{loca "search_input_aria_submit" }}'
|
|
76
|
+
type="submit"
|
|
77
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
+
</button>
|
|
80
|
+
{{/if}}
|
|
81
|
+
|
|
72
82
|
</form>
|
|
73
83
|
|
|
74
84
|
<script type="text/javascript">
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<nav id="sprungmarken" aria-labelledby="anchorNavHeadline">
|
|
2
|
-
<span id="anchorNavHeadline"
|
|
2
|
+
<span id="anchorNavHeadline">{{loca "anchor_headline"}}</span>
|
|
3
3
|
<ul>
|
|
4
|
-
<li><a href="#brandNavWrapper"
|
|
5
|
-
<li><a href="#serviceNavWrapper"
|
|
6
|
-
<li><a href="#sectionNavWrapper"
|
|
4
|
+
<li><a href="#brandNavWrapper" >{{loca "anchor_brandNav"}}</a></li>
|
|
5
|
+
<li><a href="#serviceNavWrapper">{{loca "anchor_serviceNav"}}</a></li>
|
|
6
|
+
<li><a href="#sectionNavWrapper">{{loca "anchor_sectionNav"}}</a></li>
|
|
7
7
|
{{{this.featureBoxAnchorSSI}}}
|
|
8
|
-
<li><a href="#content"
|
|
8
|
+
<li><a href="#content">{{loca "anchor_mainContent"}}</a></li>
|
|
9
9
|
</ul>
|
|
10
10
|
</nav>
|
|
@@ -62,13 +62,23 @@
|
|
|
62
62
|
</ul>
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
|
-
|
|
65
|
+
|
|
66
|
+
{{#if _footer}}
|
|
67
|
+
<button
|
|
66
68
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
67
69
|
type="submit"
|
|
68
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary "
|
|
69
|
-
>
|
|
70
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
70
71
|
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
71
|
-
|
|
72
|
+
</button>
|
|
73
|
+
{{else}}
|
|
74
|
+
<button
|
|
75
|
+
aria-label='{{loca "search_input_aria_submit" }}'
|
|
76
|
+
type="submit"
|
|
77
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
+
</button>
|
|
80
|
+
{{/if}}
|
|
81
|
+
|
|
72
82
|
</form>
|
|
73
83
|
|
|
74
84
|
<script type="text/javascript">
|
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.51.
|
|
9
|
+
"version": "1.51.14",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
package/src/assets/tailwind.css
CHANGED
|
@@ -37,6 +37,7 @@
|
|
|
37
37
|
--search-border-color-desktop: theme('colors.black.DEFAULT');
|
|
38
38
|
--search-border-color-mobile: theme('colors.black.DEFAULT');
|
|
39
39
|
--color-search-footer-text: theme('colors.black.DEFAULT');
|
|
40
|
+
--search-icon-color: theme('colors.black.DEFAULT');
|
|
40
41
|
|
|
41
42
|
/* Logo-Container Padding */
|
|
42
43
|
--logo-padding-top: 6px;
|
|
@@ -174,6 +175,7 @@
|
|
|
174
175
|
--search-border-color-desktop: theme('colors.transparent');
|
|
175
176
|
--search-border-color-mobile: var(--color-primary-ds);
|
|
176
177
|
--color-search-footer-text: #000;
|
|
178
|
+
--search-icon-color: theme('colors.blue.congress');
|
|
177
179
|
|
|
178
180
|
/* Logo-Container Padding */
|
|
179
181
|
--logo-padding-top: 6px;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<nav id="sprungmarken" aria-labelledby="anchorNavHeadline">
|
|
2
|
-
<span id="anchorNavHeadline"
|
|
2
|
+
<span id="anchorNavHeadline">{{loca "anchor_headline"}}</span>
|
|
3
3
|
<ul>
|
|
4
|
-
<li><a href="#brandNavWrapper"
|
|
5
|
-
<li><a href="#serviceNavWrapper"
|
|
6
|
-
<li><a href="#sectionNavWrapper"
|
|
4
|
+
<li><a href="#brandNavWrapper" >{{loca "anchor_brandNav"}}</a></li>
|
|
5
|
+
<li><a href="#serviceNavWrapper">{{loca "anchor_serviceNav"}}</a></li>
|
|
6
|
+
<li><a href="#sectionNavWrapper">{{loca "anchor_sectionNav"}}</a></li>
|
|
7
7
|
{{{this.featureBoxAnchorSSI}}}
|
|
8
|
-
<li><a href="#content"
|
|
8
|
+
<li><a href="#content">{{loca "anchor_mainContent"}}</a></li>
|
|
9
9
|
</ul>
|
|
10
10
|
</nav>
|
|
@@ -62,13 +62,23 @@
|
|
|
62
62
|
</ul>
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
|
65
|
-
|
|
65
|
+
|
|
66
|
+
{{#if _footer}}
|
|
67
|
+
<button
|
|
66
68
|
aria-label='{{loca "search_input_aria_submit" }}'
|
|
67
69
|
type="submit"
|
|
68
|
-
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary "
|
|
69
|
-
>
|
|
70
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
70
71
|
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-current bg-transparent"}}
|
|
71
|
-
|
|
72
|
+
</button>
|
|
73
|
+
{{else}}
|
|
74
|
+
<button
|
|
75
|
+
aria-label='{{loca "search_input_aria_submit" }}'
|
|
76
|
+
type="submit"
|
|
77
|
+
class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-color-desktop link-focus-inset md:bg-white text-primary ">
|
|
78
|
+
{{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-search-footer-text fill-search bg-transparent"}}
|
|
79
|
+
</button>
|
|
80
|
+
{{/if}}
|
|
81
|
+
|
|
72
82
|
</form>
|
|
73
83
|
|
|
74
84
|
<script type="text/javascript">
|