hr-design-system-handlebars 1.20.0 → 1.21.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 +12 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/button/link_button.hbs +1 -1
- package/dist/views/components/mediaplayer/mediaplayer_button.hbs +3 -3
- package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +8 -8
- package/dist/views/components/pagination/pagination_only_two_pages.hbs +4 -4
- package/dist/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +1 -1
- package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs +2 -2
- package/dist/views/components/teaser/components/teaser_image.hbs +1 -1
- package/dist/views/components/teaser/podcast/podcast_item_title.hbs +1 -1
- package/dist/views/components/teaser/podcast/podcast_title.hbs +1 -1
- package/gulpfile.js +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +8 -8
- package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.21.0 (Tue May 09 2023)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- Bugfix/dpe 2295 [#630](https://github.com/mumprod/hr-design-system-handlebars/pull/630) ([@szuelch](https://github.com/szuelch))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- [@szuelch](https://github.com/szuelch)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.20.0 (Tue May 09 2023)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
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: cnt1683642241240;
|
|
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: cnt1683642241240 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(cnt1683642241240);
|
|
2946
2946
|
}
|
|
2947
2947
|
/*! ****************************/
|
|
2948
2948
|
/*! text-shadow */
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
{{/components/base/link}}
|
|
4
4
|
{{#*inline "css"~}}
|
|
5
|
-
{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=../../_variant _onBackground=../../_onBackground _disableButtonPress=../../_disableButtonPress _disabled=../../_disabled}} {{> components/button/utilities/button_dimension_classes _size=../../_size~}}
|
|
5
|
+
{{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=../../_variant-adjust_context _onBackground=../../_onBackground-adjust_context _disableButtonPress=../../_disableButtonPress-adjust_context _disabled=../../_disabled-adjust_context}} {{> components/button/utilities/button_dimension_classes _size=../../_size-adjust_context~}}
|
|
6
6
|
{{~/inline}}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
{{#with this}}
|
|
2
2
|
{{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
|
|
3
3
|
{{#with this}}
|
|
4
|
-
{{> components/base/image/icon _addClass=(appendToDefault (if ../../_isLivestream "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10 fill-white group-hover:text-white inline") _icon=../../_icon}}
|
|
4
|
+
{{> components/base/image/icon _addClass=(appendToDefault (if ../../_isLivestream-adjust_context "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10 fill-white group-hover:text-white inline") _icon=../../_icon-adjust_context}}
|
|
5
5
|
{{#*inline "css"}}{{/inline}}
|
|
6
6
|
{{/with}}
|
|
7
|
-
{{>components/button/components/button_label _css="sr-only" _label=../../_label}}
|
|
7
|
+
{{>components/button/components/button_label _css="sr-only" _label=../../_label-adjust_context}}
|
|
8
8
|
{{/components/button/button}}
|
|
9
|
-
{{#*inline "css"}}js-mediaplayer__button cy-mediaplayer-trigger group rounded-full {{> components/button/utilities/button_on_image_classes _teaserSize=../../_teaserSize _teaserType=../../_teaserType _isMobile1to1=../../_isMobile1to1}}{{/inline}}
|
|
9
|
+
{{#*inline "css"}}js-mediaplayer__button cy-mediaplayer-trigger group rounded-full {{> components/button/utilities/button_on_image_classes _teaserSize=../../_teaserSize-adjust_context _teaserType=../../_teaserType-adjust_context _isMobile1to1=../../_isMobile1to1-adjust_context}}{{/inline}}
|
|
10
10
|
{{/with}}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
<div class="flex h-10">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
4
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
5
|
-
|
|
5
|
+
{{> components/button/components/button_label _label="1"}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
8
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
9
|
-
|
|
9
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
<div class="flex h-10">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
17
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
18
|
-
|
|
18
|
+
{{> components/button/components/button_label _label="1"}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
21
|
-
|
|
21
|
+
{{> components/button/components/button_label _label="2"}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
24
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
25
|
-
|
|
25
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
@@ -30,18 +30,18 @@
|
|
|
30
30
|
<div class="flex h-10">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
32
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
33
|
-
|
|
33
|
+
{{> components/button/components/button_label _label="1"}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
36
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
37
|
-
|
|
37
|
+
{{> components/button/components/button_label _label=../../_currentPage-adjust_context}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
43
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
44
|
-
|
|
44
|
+
{{> components/button/components/button_label _label=../../_totalPages-adjust_context}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
<div class="flex h-10">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
4
|
{{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
5
|
-
|
|
5
|
+
{{> components/button/components/button_label _label="1"}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#> components/button/button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
8
|
-
|
|
8
|
+
{{> components/button/components/button_label _label="2"}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
<div class="flex h-10">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
15
|
{{#> components/button/button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
16
|
-
|
|
16
|
+
{{> components/button/components/button_label _label="1"}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
18
|
{{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
19
|
-
|
|
19
|
+
{{> components/button/components/button_label _label="2"}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="w-4 h-4 fill-current ml-2 inline-flex" _iconmap="icons" }} {{/if}}
|
|
7
7
|
{{/components/base/link}}
|
|
8
8
|
{{#*inline "htmlProperties"}}
|
|
9
|
-
{{> components/tracking/navigation_tracking _clickLabelType=../../_fromNav _clickLabelPrefix1=../../_parent clickLabelPrefix2=this.link.content.text}}
|
|
9
|
+
{{> components/tracking/navigation_tracking _clickLabelType=../../_fromNav-adjust_context _clickLabelPrefix1=../../_parent-adjust_context clickLabelPrefix2=this.link.content.text}}
|
|
10
10
|
{{/inline}}
|
|
11
11
|
{{/with}}
|
|
12
12
|
</li>
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }}
|
|
2
2
|
{{#if this.label}}
|
|
3
|
-
{{#> components/label/label_group _css=(if ../../_ordered "pl-8")}}
|
|
3
|
+
{{#> components/label/label_group _css=(if ../../_ordered-adjust_context "pl-8")}}
|
|
4
4
|
{{> components/label/label _type=this.label.type _text=(loca this.label.loca) _css=""}}
|
|
5
5
|
{{> components/label/label_byline _css="ml-2"}}
|
|
6
6
|
{{/components/label/label_group}}
|
|
7
7
|
{{/if~}}
|
|
8
8
|
{{#> components/teaser/components/teaser_headline _css="" _headlineTag="h3"}}
|
|
9
|
-
{{> components/teaser/components/teaser_title _css=(appendToDefault (if ../../_ordered " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=../../_size _teaserType="cluster" _firstItem=../../_firstItem}}
|
|
9
|
+
{{> components/teaser/components/teaser_title _css=(appendToDefault (if ../../_ordered-adjust_context " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=../../_size-adjust_context _teaserType="cluster" _firstItem=../../_firstItem-adjust_context}}
|
|
10
10
|
{{/components/teaser/components/teaser_headline}}
|
|
11
11
|
{{/components/base/link}}
|
|
12
12
|
{{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
{{#with this}}
|
|
10
10
|
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
|
|
11
11
|
{{#*inline "css"~}}
|
|
12
|
-
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=../../_isMobile1to1}}
|
|
12
|
+
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=../../_isMobile1to1-adjust_context}}
|
|
13
13
|
{{/inline}}
|
|
14
14
|
{{/with}}
|
|
15
15
|
{{/if}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{{#if this.isSingleChannel}}
|
|
2
2
|
{{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text"}}
|
|
3
|
-
<span class="mt-0.5 group-hover:underline {{#if ../../_ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
|
|
3
|
+
<span class="mt-0.5 group-hover:underline {{#if ../../_ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
|
|
4
4
|
{{~_title~}}
|
|
5
5
|
</span>
|
|
6
6
|
{{/components/base/link}}
|
package/gulpfile.js
CHANGED
|
@@ -325,7 +325,7 @@ async function convertPartialsToJs() {
|
|
|
325
325
|
|
|
326
326
|
async function preparePartialsForDelivery() {
|
|
327
327
|
src(`${options.paths.assets.components}/**/*.hbs`)
|
|
328
|
-
.pipe(replace(/(_[0-9a-zA-Z_]+)-adjust_context/g, '../../$1'))
|
|
328
|
+
.pipe(replace(/(_[0-9a-zA-Z_]+)-adjust_context/g, '../../$1-adjust_context'))
|
|
329
329
|
.pipe(dest(options.paths.dist.dist_components))
|
|
330
330
|
}
|
|
331
331
|
|
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.21.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
<div class="flex h-10">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
4
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
5
|
-
|
|
5
|
+
{{> components/button/components/button_label _label="1"}}
|
|
6
6
|
{{/components/button/link_button}}
|
|
7
7
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
8
8
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
9
|
-
|
|
9
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
10
10
|
{{/components/button/link_button}}
|
|
11
11
|
{{> components/pagination/pagination_button_right_linked }}
|
|
12
12
|
</div>
|
|
@@ -15,14 +15,14 @@
|
|
|
15
15
|
<div class="flex h-10">
|
|
16
16
|
{{> components/pagination/pagination_button_left_linked }}
|
|
17
17
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
18
|
-
|
|
18
|
+
{{> components/button/components/button_label _label="1"}}
|
|
19
19
|
{{/components/button/link_button}}
|
|
20
20
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
21
|
-
|
|
21
|
+
{{> components/button/components/button_label _label="2"}}
|
|
22
22
|
{{/components/button/link_button}}
|
|
23
23
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
24
24
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
25
|
-
|
|
25
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
26
26
|
{{/components/button/link_button}}
|
|
27
27
|
{{> components/pagination/pagination_button_right_linked }}
|
|
28
28
|
</div>
|
|
@@ -30,18 +30,18 @@
|
|
|
30
30
|
<div class="flex h-10">
|
|
31
31
|
{{> components/pagination/pagination_button_left_linked }}
|
|
32
32
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
33
|
-
|
|
33
|
+
{{> components/button/components/button_label _label="1"}}
|
|
34
34
|
{{/components/button/link_button}}
|
|
35
35
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
36
36
|
{{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
37
|
-
|
|
37
|
+
{{> components/button/components/button_label _label=_currentPage-adjust_context}}
|
|
38
38
|
{{/components/button/link_button}}
|
|
39
39
|
{{~#if _notLastPage~}}
|
|
40
40
|
{{~#if _notLastButOnePage~}}
|
|
41
41
|
<span class="pt-1 ml-2 mr-2 font-title">…</span>
|
|
42
42
|
{{~/if~}}
|
|
43
43
|
{{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
44
|
-
|
|
44
|
+
{{> components/button/components/button_label _label=_totalPages-adjust_context}}
|
|
45
45
|
{{/components/button/link_button}}
|
|
46
46
|
{{~/if~}}
|
|
47
47
|
{{~#if _notLastPage~}}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
<div class="flex h-10">
|
|
3
3
|
{{> components/pagination/pagination_button_left }}
|
|
4
4
|
{{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
5
|
-
|
|
5
|
+
{{> components/button/components/button_label _label="1"}}
|
|
6
6
|
{{/components/button/button}}
|
|
7
7
|
{{#> components/button/button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
8
|
-
|
|
8
|
+
{{> components/button/components/button_label _label="2"}}
|
|
9
9
|
{{/components/button/button}}
|
|
10
10
|
{{> components/pagination/pagination_button_right_linked }}
|
|
11
11
|
</div>
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
<div class="flex h-10">
|
|
14
14
|
{{> components/pagination/pagination_button_left_linked }}
|
|
15
15
|
{{#> components/button/button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
16
|
-
|
|
16
|
+
{{> components/button/components/button_label _label="1"}}
|
|
17
17
|
{{/components/button/button}}
|
|
18
18
|
{{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
|
|
19
|
-
|
|
19
|
+
{{> components/button/components/button_label _label="2"}}
|
|
20
20
|
{{/components/button/button}}
|
|
21
21
|
{{> components/pagination/pagination_button_right }}
|
|
22
22
|
</div>
|