hr-design-system-handlebars 1.18.4 → 1.20.0
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 +7 -7
- package/dist/views/components/button/top_topics_button.hbs +2 -2
- package/dist/views/components/horizontal_scroll_container/horizontal_scroll_container.hbs +2 -2
- package/dist/views/components/site_header/section_navigation/section_navigation_top_topics.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_body.hbs +2 -2
- package/package.json +1 -1
- package/src/stories/views/components/button/top_topics_button.hbs +2 -2
- package/src/stories/views/components/horizontal_scroll_container/horizontal_scroll_container.hbs +2 -2
- package/src/stories/views/components/site_header/section_navigation/section_navigation_top_topics.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_body.hbs +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.20.0 (Tue May 09 2023)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Topthemen: Accessibility DPE-1915 [#629](https://github.com/mumprod/hr-design-system-handlebars/pull/629) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.19.0 (Mon May 08 2023)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- BUGFIX: Teasers use the correct links [#628](https://github.com/mumprod/hr-design-system-handlebars/pull/628) ([@szuelch](https://github.com/szuelch))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- [@szuelch](https://github.com/szuelch)
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.18.4 (Thu May 04 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2688,7 +2688,7 @@ video {
|
|
|
2688
2688
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
2689
2689
|
}
|
|
2690
2690
|
.counter-reset {
|
|
2691
|
-
counter-reset:
|
|
2691
|
+
counter-reset: cnt1683624063980;
|
|
2692
2692
|
}
|
|
2693
2693
|
.hyphens-auto {
|
|
2694
2694
|
-webkit-hyphens: auto;
|
|
@@ -2926,7 +2926,7 @@ video {
|
|
|
2926
2926
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2927
2927
|
}
|
|
2928
2928
|
.-ordered {
|
|
2929
|
-
counter-increment:
|
|
2929
|
+
counter-increment: cnt1683624063980 1;
|
|
2930
2930
|
}
|
|
2931
2931
|
.-ordered::before {
|
|
2932
2932
|
position: absolute;
|
|
@@ -2942,7 +2942,7 @@ video {
|
|
|
2942
2942
|
letter-spacing: .0125em;
|
|
2943
2943
|
--tw-text-opacity: 1;
|
|
2944
2944
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2945
|
-
content: counter(
|
|
2945
|
+
content: counter(cnt1683624063980);
|
|
2946
2946
|
}
|
|
2947
2947
|
/*! ****************************/
|
|
2948
2948
|
/*! text-shadow */
|
|
@@ -4883,12 +4883,12 @@ video {
|
|
|
4883
4883
|
margin-top: -2rem;
|
|
4884
4884
|
}
|
|
4885
4885
|
|
|
4886
|
-
.lg\:mb-
|
|
4887
|
-
margin-bottom:
|
|
4886
|
+
.lg\:mb-0 {
|
|
4887
|
+
margin-bottom: 0px;
|
|
4888
4888
|
}
|
|
4889
4889
|
|
|
4890
|
-
.lg\:mb-
|
|
4891
|
-
margin-bottom: 0.
|
|
4890
|
+
.lg\:mb-0\.5 {
|
|
4891
|
+
margin-bottom: 0.125rem;
|
|
4892
4892
|
}
|
|
4893
4893
|
|
|
4894
4894
|
.lg\:ml-0 {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
|
-
{{#> components/base/link _link=this.link _css="inline-flex items-center"}}
|
|
3
|
-
<span class="rounded-full font-copy my-2
|
|
2
|
+
{{#> components/base/link _link=this.link _css="inline-flex items-center link-focus-inset-white lg:mb-0.5"}}
|
|
3
|
+
<span class="rounded-full font-copy my-2 pt-0.5 px-1.5 leading-5 {{> components/button/utilities/button_variation_classes _variant="primary" _onBackground="true"}}">
|
|
4
4
|
{{> @partial-block }}
|
|
5
5
|
</span>
|
|
6
6
|
{{/components/base/link}}
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
>
|
|
9
9
|
<template x-if="isScrollable && $screen('{{_viewport}}')">
|
|
10
10
|
<div>
|
|
11
|
-
<button class="{{#if _onDarkBackground}}arrow-left-background-blue{{else}}arrow-left-background{{/if}} absolute z-10 left-0 flex items-center justify-start w-8 h-full disabled:hidden" @click="prev($refs.scrollContainer_{{getRandom}})" :disabled="!arrowLeftDisplay" aria-
|
|
11
|
+
<button class="{{#if _onDarkBackground}}arrow-left-background-blue{{else}}arrow-left-background{{/if}} absolute z-10 left-0 flex items-center justify-start w-8 h-full disabled:hidden" @click="prev($refs.scrollContainer_{{getRandom}})" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" >
|
|
12
12
|
{{> components/base/image/icon _icon="arrow-left" _iconmap="icons" _addClass=(if _onDarkBackground 'w-3.5 h-3.5 fill-current text-white' 'w-3.5 h-3.5 fill-current text-primary') }}
|
|
13
13
|
</button>
|
|
14
|
-
<button class="{{#if _onDarkBackground}}arrow-right-background-blue{{else}}arrow-right-background{{/if}} absolute z-10 right-0 flex items-center justify-end w-8 h-full group disabled:hidden" @click="next($refs.scrollContainer_{{getRandom}})" :disabled="!arrowRightDisplay" aria-
|
|
14
|
+
<button class="{{#if _onDarkBackground}}arrow-right-background-blue{{else}}arrow-right-background{{/if}} absolute z-10 right-0 flex items-center justify-end w-8 h-full group disabled:hidden" @click="next($refs.scrollContainer_{{getRandom}})" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true">
|
|
15
15
|
{{> components/base/image/icon _icon="arrow-right" _iconmap="icons" _addClass=(if _onDarkBackground 'w-3.5 h-3.5 fill-current text-white' 'w-3.5 h-3.5 fill-current text-primary') }}
|
|
16
16
|
</button>
|
|
17
17
|
</div>
|
package/dist/views/components/site_header/section_navigation/section_navigation_top_topics.hbs
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<li class="{{#unless @last}}mr-3 {{/unless}}">
|
|
5
5
|
{{#> components/button/top_topics_button}}
|
|
6
6
|
<div class="sr-only">{{loca "label_top_thema"}}</div>
|
|
7
|
-
{{> components/button/components/button_label _label=this.text }}
|
|
7
|
+
{{> components/button/components/button_label _label=this.text _css=""}}
|
|
8
8
|
{{/components/button/top_topics_button}}
|
|
9
9
|
</li>
|
|
10
10
|
{{/each}}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
{{#with this}}
|
|
6
|
-
{{#> components/teaser/components/teaser_header
|
|
7
|
-
{{#> components/base/link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
|
|
6
|
+
{{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
|
|
7
|
+
{{#> components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
|
|
8
8
|
{{#with this.label}}
|
|
9
9
|
{{#> components/label/label_group}}
|
|
10
10
|
{{> components/label/label _type=this.type _css="" _text=(loca this.loca)}}
|
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.
|
|
9
|
+
"version": "1.20.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
|
-
{{#> components/base/link _link=this.link _css="inline-flex items-center"}}
|
|
3
|
-
<span class="rounded-full font-copy my-2
|
|
2
|
+
{{#> components/base/link _link=this.link _css="inline-flex items-center link-focus-inset-white lg:mb-0.5"}}
|
|
3
|
+
<span class="rounded-full font-copy my-2 pt-0.5 px-1.5 leading-5 {{> components/button/utilities/button_variation_classes _variant="primary" _onBackground="true"}}">
|
|
4
4
|
{{> @partial-block }}
|
|
5
5
|
</span>
|
|
6
6
|
{{/components/base/link}}
|
package/src/stories/views/components/horizontal_scroll_container/horizontal_scroll_container.hbs
CHANGED
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
>
|
|
9
9
|
<template x-if="isScrollable && $screen('{{_viewport}}')">
|
|
10
10
|
<div>
|
|
11
|
-
<button class="{{#if _onDarkBackground}}arrow-left-background-blue{{else}}arrow-left-background{{/if}} absolute z-10 left-0 flex items-center justify-start w-8 h-full disabled:hidden" @click="prev($refs.scrollContainer_{{getRandom}})" :disabled="!arrowLeftDisplay" aria-
|
|
11
|
+
<button class="{{#if _onDarkBackground}}arrow-left-background-blue{{else}}arrow-left-background{{/if}} absolute z-10 left-0 flex items-center justify-start w-8 h-full disabled:hidden" @click="prev($refs.scrollContainer_{{getRandom}})" :disabled="!arrowLeftDisplay" tabindex="-1" aria-hidden="true" >
|
|
12
12
|
{{> components/base/image/icon _icon="arrow-left" _iconmap="icons" _addClass=(if _onDarkBackground 'w-3.5 h-3.5 fill-current text-white' 'w-3.5 h-3.5 fill-current text-primary') }}
|
|
13
13
|
</button>
|
|
14
|
-
<button class="{{#if _onDarkBackground}}arrow-right-background-blue{{else}}arrow-right-background{{/if}} absolute z-10 right-0 flex items-center justify-end w-8 h-full group disabled:hidden" @click="next($refs.scrollContainer_{{getRandom}})" :disabled="!arrowRightDisplay" aria-
|
|
14
|
+
<button class="{{#if _onDarkBackground}}arrow-right-background-blue{{else}}arrow-right-background{{/if}} absolute z-10 right-0 flex items-center justify-end w-8 h-full group disabled:hidden" @click="next($refs.scrollContainer_{{getRandom}})" :disabled="!arrowRightDisplay" tabindex="-1" aria-hidden="true">
|
|
15
15
|
{{> components/base/image/icon _icon="arrow-right" _iconmap="icons" _addClass=(if _onDarkBackground 'w-3.5 h-3.5 fill-current text-white' 'w-3.5 h-3.5 fill-current text-primary') }}
|
|
16
16
|
</button>
|
|
17
17
|
</div>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<li class="{{#unless @last}}mr-3 {{/unless}}">
|
|
5
5
|
{{#> components/button/top_topics_button}}
|
|
6
6
|
<div class="sr-only">{{loca "label_top_thema"}}</div>
|
|
7
|
-
{{> components/button/components/button_label _label=this.text }}
|
|
7
|
+
{{> components/button/components/button_label _label=this.text _css=""}}
|
|
8
8
|
{{/components/button/top_topics_button}}
|
|
9
9
|
</li>
|
|
10
10
|
{{/each}}
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
{{#with this}}
|
|
6
|
-
{{#> components/teaser/components/teaser_header
|
|
7
|
-
{{#> components/base/link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
|
|
6
|
+
{{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
|
|
7
|
+
{{#> components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
|
|
8
8
|
{{#with this.label}}
|
|
9
9
|
{{#> components/label/label_group}}
|
|
10
10
|
{{> components/label/label _type=this.type _css="" _text=(loca this.loca)}}
|