hr-design-system-handlebars 1.16.1 → 1.17.1

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 (76) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +14 -10
  3. package/dist/views/components/button/button.hbs +1 -1
  4. package/dist/views/components/button/link_button.hbs +1 -1
  5. package/dist/views/components/button/utilities/button_variation_classes.hbs +9 -1
  6. package/dist/views/components/event/event_ticket_button.hbs +2 -2
  7. package/dist/views/components/pagination/pagination_button_left.hbs +3 -3
  8. package/dist/views/components/pagination/pagination_button_left_linked.hbs +3 -5
  9. package/dist/views/components/pagination/pagination_button_right.hbs +4 -3
  10. package/dist/views/components/pagination/pagination_button_right_linked.hbs +3 -5
  11. package/dist/views/components/pagination/pagination_current_page_invalid.hbs +14 -7
  12. package/dist/views/components/pagination/pagination_current_page_valid.hbs +1 -1
  13. package/dist/views/components/pagination/pagination_more_than_three_pages.hbs +40 -24
  14. package/dist/views/components/pagination/pagination_only_three_pages.hbs +41 -23
  15. package/dist/views/components/pagination/pagination_only_two_pages.hbs +19 -11
  16. package/dist/views/components/site_header/header.hbs +4 -3
  17. package/dist/views/components/teaser/teaser_poster.hbs +1 -1
  18. package/package.json +1 -1
  19. package/src/assets/brand/hessenschau/conf/locatags.merged.json +0 -1
  20. package/src/assets/brand/hr/conf/locatags.merged.json +0 -1
  21. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +0 -1
  22. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +0 -1
  23. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +0 -1
  24. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +0 -1
  25. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +0 -1
  26. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +0 -1
  27. package/src/assets/brand/hr1/conf/locatags.merged.json +0 -1
  28. package/src/assets/brand/hr2/conf/locatags.merged.json +0 -1
  29. package/src/assets/brand/hr3/conf/locatags.merged.json +0 -1
  30. package/src/assets/brand/hr4/conf/locatags.merged.json +0 -1
  31. package/src/assets/brand/you-fm/conf/locatags.merged.json +0 -1
  32. package/src/assets/fixtures/page/page_pagination.json +15 -5
  33. package/src/assets/fixtures/site_header/site_header_default.json +1 -0
  34. package/src/assets/fixtures/site_header/site_header_default_no_sticky.json +9 -0
  35. package/src/assets/fixtures/site_header/site_header_mit_submenu.json +1 -0
  36. package/src/assets/fixtures/site_header/site_header_mit_submenu_no_sticky.json +9 -0
  37. package/src/assets/fixtures/site_header/site_header_mit_top_topics.json +1 -0
  38. package/src/assets/fixtures/site_header/site_header_mit_top_topics_no_sticky.json +9 -0
  39. package/src/assets/fixtures/site_header/site_header_mit_warnung.json +1 -0
  40. package/src/assets/fixtures/site_header/site_header_mit_warnung_no_sticky.json +9 -0
  41. package/src/assets/tailwind.css +2 -0
  42. package/src/stories/views/components/button/button.hbs +1 -1
  43. package/src/stories/views/components/button/button.mdx +10 -1
  44. package/src/stories/views/components/button/button.stories.js +66 -0
  45. package/src/stories/views/components/button/link_button.hbs +1 -1
  46. package/src/stories/views/components/button/link_button.mdx +8 -0
  47. package/src/stories/views/components/button/link_button.stories.js +66 -0
  48. package/src/stories/views/components/button/utilities/button_variation_classes.hbs +9 -1
  49. package/src/stories/views/components/event/event_ticket_button.hbs +2 -2
  50. package/src/stories/views/components/page/fixtures/page_pagination.json +1 -1
  51. package/src/stories/views/components/page/page.mdx +0 -10
  52. package/src/stories/views/components/page/page.stories.js +17 -1
  53. package/src/stories/views/components/page/page_pagination.mdx +52 -3
  54. package/src/stories/views/components/page/page_pagination.stories.js +134 -4
  55. package/src/stories/views/components/pagination/pagination_button_left.hbs +3 -3
  56. package/src/stories/views/components/pagination/pagination_button_left_linked.hbs +3 -5
  57. package/src/stories/views/components/pagination/pagination_button_right.hbs +4 -3
  58. package/src/stories/views/components/pagination/pagination_button_right_linked.hbs +3 -5
  59. package/src/stories/views/components/pagination/pagination_current_page_invalid.hbs +14 -7
  60. package/src/stories/views/components/pagination/pagination_current_page_valid.hbs +1 -1
  61. package/src/stories/views/components/pagination/pagination_more_than_three_pages.hbs +40 -24
  62. package/src/stories/views/components/pagination/pagination_only_three_pages.hbs +41 -23
  63. package/src/stories/views/components/pagination/pagination_only_two_pages.hbs +19 -11
  64. package/src/stories/views/components/site_header/fixtures/site_header_default copy.json +1 -0
  65. package/src/stories/views/components/site_header/fixtures/site_header_default.json +1 -1
  66. package/src/stories/views/components/site_header/fixtures/site_header_default_no_sticky.json +1 -0
  67. package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu.json +1 -1
  68. package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu_no_sticky.json +1 -0
  69. package/src/stories/views/components/site_header/fixtures/site_header_mit_top_topics.json +1 -1
  70. package/src/stories/views/components/site_header/fixtures/site_header_mit_top_topics_no_sticky.json +1 -0
  71. package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung.json +1 -1
  72. package/src/stories/views/components/site_header/fixtures/site_header_mit_warnung_no_sticky.json +1 -0
  73. package/src/stories/views/components/site_header/header.hbs +4 -3
  74. package/src/stories/views/components/site_header/header.stories.js +5 -5
  75. package/src/stories/views/components/teaser/teaser_poster.hbs +1 -1
  76. package/tailwind.config.js +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.17.1 (Wed May 03 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-2079 Pagination Refactoring [#618](https://github.com/mumprod/hr-design-system-handlebars/pull/618) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
13
+ # v1.17.0 (Wed May 03 2023)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - Dpe 2214 navi non sticky [#622](https://github.com/mumprod/hr-design-system-handlebars/pull/622) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.16.1 (Wed May 03 2023)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1803,6 +1803,9 @@ video {
1803
1803
  .border-button {
1804
1804
  border-color: var(--color-button);
1805
1805
  }
1806
+ .border-button-disabled {
1807
+ border-color: var(--color-button-disabled);
1808
+ }
1806
1809
  .border-button-inverted {
1807
1810
  border-color: #ffffff;
1808
1811
  border-color: var(--color-button-inverted);
@@ -1864,6 +1867,9 @@ video {
1864
1867
  .bg-button--dark {
1865
1868
  background-color: var(--color-button--dark);
1866
1869
  }
1870
+ .bg-button-disabled {
1871
+ background-color: var(--color-button-disabled);
1872
+ }
1867
1873
  .bg-button-inverted {
1868
1874
  background-color: #ffffff;
1869
1875
  background-color: var(--color-button-inverted);
@@ -2085,10 +2091,6 @@ video {
2085
2091
  padding-left: 0.5rem;
2086
2092
  padding-right: 0.5rem;
2087
2093
  }
2088
- .px-20 {
2089
- padding-left: 5rem;
2090
- padding-right: 5rem;
2091
- }
2092
2094
  .px-3 {
2093
2095
  padding-left: 0.75rem;
2094
2096
  padding-right: 0.75rem;
@@ -2217,9 +2219,6 @@ video {
2217
2219
  .pl-4 {
2218
2220
  padding-left: 1rem;
2219
2221
  }
2220
- .pl-5 {
2221
- padding-left: 1.25rem;
2222
- }
2223
2222
  .pl-8 {
2224
2223
  padding-left: 2rem;
2225
2224
  }
@@ -2441,6 +2440,9 @@ video {
2441
2440
  .text-button {
2442
2441
  color: var(--color-button);
2443
2442
  }
2443
+ .text-button-disabled--dark {
2444
+ color: var(--color-button-disabled--dark);
2445
+ }
2444
2446
  .text-button-inverted {
2445
2447
  color: #ffffff;
2446
2448
  color: var(--color-button-inverted);
@@ -2677,7 +2679,7 @@ video {
2677
2679
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
2678
2680
  }
2679
2681
  .counter-reset {
2680
- counter-reset: cnt1683113748894;
2682
+ counter-reset: cnt1683118889767;
2681
2683
  }
2682
2684
  .hyphens-auto {
2683
2685
  -webkit-hyphens: auto;
@@ -2915,7 +2917,7 @@ video {
2915
2917
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2916
2918
  }
2917
2919
  .-ordered {
2918
- counter-increment: cnt1683113748894 1;
2920
+ counter-increment: cnt1683118889767 1;
2919
2921
  }
2920
2922
  .-ordered::before {
2921
2923
  position: absolute;
@@ -2931,7 +2933,7 @@ video {
2931
2933
  letter-spacing: .0125em;
2932
2934
  --tw-text-opacity: 1;
2933
2935
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2934
- content: counter(cnt1683113748894);
2936
+ content: counter(cnt1683118889767);
2935
2937
  }
2936
2938
  /*! ****************************/
2937
2939
  /*! text-shadow */
@@ -3102,6 +3104,8 @@ video {
3102
3104
  --color-button--dark: #005293;
3103
3105
  --color-button-inverted: #ffffff;
3104
3106
  --color-button-inverted--dark: #eaf3fa;
3107
+ --color-button-disabled: #d4d4d4;
3108
+ --color-button-disabled--dark: #797979;
3105
3109
  /* Media-Button */
3106
3110
  --color-media-button: #006dc1;
3107
3111
  /* States */
package/dist/views/components/button/button.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <button
2
2
  {{#if _id}} id="{{_id}}"{{/if}}
3
- class="ds-button {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant=_variant _onBackground=_onBackground _disableButtonPress=_disableButtonPress}} {{> components/button/utilities/button_dimension_classes _size=_size}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}{{#if _openModal}} js-modalButton{{/if}}"
3
+ class="ds-button {{> 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}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}{{#if _openModal}} js-modalButton{{/if}}"
4
4
  {{#if _openModal}} aria-haspopup="true"{{/if}}
5
5
  {{~#if _ariaLabel}} aria-label="{{_ariaLabel}}"{{/if}}
6
6
  type="{{defaultIfEmpty _type "submit"}}"
package/dist/views/components/button/link_button.hbs CHANGED
@@ -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}} {{> components/button/utilities/button_dimension_classes _size=../../_size~}}
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~}}
6
6
  {{~/inline}}
package/dist/views/components/button/utilities/button_variation_classes.hbs CHANGED
@@ -1,9 +1,17 @@
1
1
  {{#if _onBackground~}}
2
- {{inline-switch
2
+ {{inline-switch
3
3
  _variant
4
4
  '["primary","secondary","tertiary"]'
5
5
  '[" border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:text-button active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark hover:text-button hover:border-button-inverted--dark active:text-button active:bg-button-inverted--dark "," border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark active:bg-button-inverted--dark "]'
6
6
  ~}}
7
+ {{else if _disabled~}}
8
+
9
+ {{inline-switch
10
+ _variant
11
+ '["primary","secondary","tertiary"]'
12
+ '[" border text-button-disabled--dark bg-button-disabled border-button-disabled "," border text-button-disabled--dark border-button-disabled "," bg-transparent border-transparent text-button-disabled--dark "," border text-button-disabled--dark bg-button-disabled border-button-disabled "]'
13
+ ~}}
14
+
7
15
  {{else}}
8
16
  {{~inline-switch
9
17
  _variant
package/dist/views/components/event/event_ticket_button.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="static pl-4 pt-1 pb-3 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4">
1
+ <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4">
2
2
  {{#> components/button/button _id=(nextRandom) _size="lg"}}
3
3
  {{> components/button/components/button_icon _icon="ticket" _iconmap="icons" _css="mr-2"}}
4
4
  {{>components/button/components/button_label _label="Tickets"}}
@@ -7,7 +7,7 @@
7
7
  {{#> components/teaser/components/teaser_headline}}
8
8
  {{> components/teaser/components/teaser_title _text=(loca 'ticket_modal_headline') _css="text-2xl"}}
9
9
  {{/components/teaser/components/teaser_headline}}
10
- <p class="text-base font-copy mt-2">{{loca "ticket_modal_text"}}</p>
10
+ <p class="mt-2 text-base font-copy">{{loca "ticket_modal_text"}}</p>
11
11
 
12
12
  <div class="flex flex-wrap mt-4">
13
13
  {{#> components/button/button _size="lg" _variant="tertiary" _value="cancel" _css="mr-4 mt-4"}}
package/dist/views/components/pagination/pagination_button_left.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="w-10 py-10">
2
- <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
- </div>
1
+ {{#> components/button/link_button _size="lg" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1"}}
2
+ {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
3
+ {{/components/button/link_button}}
package/dist/views/components/pagination/pagination_button_left_linked.hbs CHANGED
@@ -1,5 +1,3 @@
1
- <div class="w-10 py-10">
2
- <a rel="prev" href="{{previousItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur vorherigen Seite">
3
- <span>{{>components/base/image/icon _icon="arrow-left" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
- </a>
5
- </div>
1
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.previousItemLink _css="mr-1"}}
2
+ {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
3
+ {{/components/button/link_button}}
package/dist/views/components/pagination/pagination_button_right.hbs CHANGED
@@ -1,3 +1,4 @@
1
- <div class="w-10 py-10">
2
- <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
3
- </div>
1
+ {{#> components/button/link_button _size="lg" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1"}}
2
+ {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
3
+ {{/components/button/link_button}}
4
+
package/dist/views/components/pagination/pagination_button_right_linked.hbs CHANGED
@@ -1,5 +1,3 @@
1
- <div class="w-10 py-10">
2
- <a rel="next" href="{{nextItemUrl}}" class="font-bold sb-link js-load hover:text-toplineColor text-toplineColor font-title" aria-label="Zur nächsten Seite">
3
- <span>{{>components/base/image/icon _icon="arrow-right" _addClass="fill-current pb-0.5 h-8 w-8 ml-2 inline" }}</span>
4
- </a>
5
- </div>
1
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
2
+ {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
3
+ {{/components/button/link_button}}
package/dist/views/components/pagination/pagination_current_page_invalid.hbs CHANGED
@@ -1,17 +1,24 @@
1
- <nav class="flex content-center justify-center py-10" role="navigation" aria-label="Paginierung">
1
+ <nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
2
+ <div class="flex h-10"></div>
2
3
  {{> components/pagination/pagination_button_left }}
3
- <div class="px-20 py-10">
4
- <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
4
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
5
+ {{> components/button/components/button_label _label="1"}}
6
+ {{/components/button/link_button}}
5
7
  {{~#if _moreThanOnePage ~}}
6
8
  {{~#unless _onlyTwoPages ~}}
7
9
  {{~#if _onlyThreePages ~}}
8
- <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
10
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
11
+ {{> components/button/components/button_label _label="2"}}
12
+ {{/components/button/link_button}}
9
13
  {{else}}
10
- <span class="px-5 py-10 font-title">&hellip;</span>
14
+ <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
11
15
  {{~/if~}}
12
16
  {{~/unless~}}
13
- <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
17
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
18
+ {{> components/button/components/button_label _label=_totalPages}}
19
+ {{/components/button/link_button}}
14
20
  {{~/if~}}
15
- </div>
21
+
16
22
  {{> components/pagination/pagination_button_right }}
23
+ </div>
17
24
  </nav>
package/dist/views/components/pagination/pagination_current_page_valid.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~#if _moreThanOnePage~}}
2
- <nav class="flex content-center justify-center py-10" role="navigation" aria-label="Paginierung">
2
+ <nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
3
3
  {{~#if _onlyTwoPages~}}
4
4
  {{> components/pagination/pagination_only_two_pages
5
5
  _firstPage=_firstPage
package/dist/views/components/pagination/pagination_more_than_three_pages.hbs CHANGED
@@ -1,38 +1,54 @@
1
1
  {{~#if _firstPage~}}
2
- {{> components/pagination/pagination_button_left }}
3
- <div class="px-20 py-10">
4
- <span class="font-title">1</span>
5
- <span class="px-5 py-10 font-title">&hellip;</span>
6
- <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
7
- </div>
8
- {{> components/pagination/pagination_button_right_linked }}
2
+ <div class="flex h-10">
3
+ {{> components/pagination/pagination_button_left }}
4
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
5
+ {{> components/button/components/button_label _label="1"}}
6
+ {{/components/button/link_button}}
7
+ <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
8
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
9
+ {{> components/button/components/button_label _label=_totalPages}}
10
+ {{/components/button/link_button}}
11
+ {{> components/pagination/pagination_button_right_linked }}
12
+ </div>
9
13
  {{else}}
10
- {{~#if _secondPage~}}
14
+ {{~#if _secondPage~}}
15
+ <div class="flex h-10">
11
16
  {{> components/pagination/pagination_button_left_linked }}
12
- <div class="px-20 py-10">
13
- <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
- <span class="pl-5 font-title">2</span>
15
- <span class="px-5 py-10 font-title">&hellip;</span>
16
- <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
17
- </div>
17
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
18
+ {{> components/button/components/button_label _label="1"}}
19
+ {{/components/button/link_button}}
20
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
21
+ {{> components/button/components/button_label _label="2"}}
22
+ {{/components/button/link_button}}
23
+ <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
24
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
25
+ {{> components/button/components/button_label _label=_totalPages}}
26
+ {{/components/button/link_button}}
18
27
  {{> components/pagination/pagination_button_right_linked }}
28
+ </div>
19
29
  {{else}}
20
- {{> components/pagination/pagination_button_left_linked }}
21
- <div class="px-20 py-10">
22
- <a href="{{this.firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
23
- <span class="py-10 pl-5 font-title">&hellip;</span>
24
- <span class="px-5 py-10 font-bold font-title">{{_currentPage}}</span>
30
+ <div class="flex h-10">
31
+ {{> components/pagination/pagination_button_left_linked }}
32
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
33
+ {{> components/button/components/button_label _label="1"}}
34
+ {{/components/button/link_button}}
35
+ <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
36
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
37
+ {{> components/button/components/button_label _label=_currentPage}}
38
+ {{/components/button/link_button}}
25
39
  {{~#if _notLastPage~}}
26
40
  {{~#if _notLastButOnePage~}}
27
- <span class="py-10 pr-5 font-title">&hellip;</span>
41
+ <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
28
42
  {{~/if~}}
29
- <a href="{{this.lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>{{_totalPages}}</a>
30
- {{~/if~}}
31
- </div>
43
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
44
+ {{> components/button/components/button_label _label=_totalPages}}
45
+ {{/components/button/link_button}}
46
+ {{~/if~}}
32
47
  {{~#if _notLastPage~}}
33
48
  {{> components/pagination/pagination_button_right_linked }}
34
49
  {{else}}
35
50
  {{> components/pagination/pagination_button_right }}
36
- {{~/if~}}
51
+ {{~/if~}}
52
+ </div>
37
53
  {{~/if~}}
38
54
  {{~/if~}}
package/dist/views/components/pagination/pagination_only_three_pages.hbs CHANGED
@@ -1,27 +1,45 @@
1
- {{~#if _firstPage~}}
1
+ {{~#if _firstPage~}}
2
+ <div class="flex h-10">
2
3
  {{> components/pagination/pagination_button_left }}
3
- <div class="px-20 py-10">
4
- <span class="py-10 pr-5 font-title">1</span>
5
- <a href="{{nextItemUrl}}" class="py-10 pr-5 font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
- <a href="{{lastPageItemUrl}}" class="py-10 font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
7
- </div>
8
- {{> components/pagination/pagination_button_right_linked }}
4
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
5
+ {{> components/button/components/button_label _label="1"}}
6
+ {{/components/button/link_button}}
7
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
8
+ {{> components/button/components/button_label _label="2"}}
9
+ {{/components/button/link_button}}
10
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
11
+ {{> components/button/components/button_label _label="3"}}
12
+ {{/components/button/link_button}}
13
+ {{> components/pagination/pagination_button_right_linked }}
14
+ </div>
9
15
  {{else}}
10
- {{~#if _secondPage~}}
11
- {{> components/pagination/pagination_button_left_linked }}
12
- <div class="px-20 py-10">
13
- <a href="{{firstPageItemUrl}}" class="py-10 pr-5 font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
14
- <span class="py-10 pr-5 font-title">2</span>
15
- <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>3</a>
16
- </div>
17
- {{> components/pagination/pagination_button_right_linked }}
18
- {{else}}
19
- {{> components/pagination/pagination_button_left_linked }}
20
- <div class="px-20 py-10">
21
- <a href="{{firstPageItemUrl}}" class="py-10 pr-5 font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
22
- <a href="{{lastButOnePageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
23
- <span class="py-10 pl-5 font-bold font-title">3</span>
24
- </div>
25
- {{> components/pagination/pagination_button_right }}
16
+ {{~#if _secondPage~}}
17
+ <div class="flex h-10">
18
+ {{> components/pagination/pagination_button_left_linked }}
19
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
20
+ {{> components/button/components/button_label _label="1"}}
21
+ {{/components/button/link_button}}
22
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
23
+ {{> components/button/components/button_label _label="2"}}
24
+ {{/components/button/link_button}}
25
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
26
+ {{> components/button/components/button_label _label="3"}}
27
+ {{/components/button/link_button}}
28
+ {{> components/pagination/pagination_button_right_linked }}
29
+ </div>
30
+ {{else}}
31
+ <div class="flex h-10">
32
+ {{> components/pagination/pagination_button_left_linked }}
33
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
34
+ {{> components/button/components/button_label _label="1"}}
35
+ {{/components/button/link_button}}
36
+ {{#> components/button/link_button _size="lg" _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
37
+ {{> components/button/components/button_label _label="2"}}
38
+ {{/components/button/link_button}}
39
+ {{#> components/button/link_button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
40
+ {{> components/button/components/button_label _label="3"}}
41
+ {{/components/button/link_button}}
42
+ {{> components/pagination/pagination_button_right }}
43
+ </div>
26
44
  {{~/if~}}
27
45
  {{~/if~}}
package/dist/views/components/pagination/pagination_only_two_pages.hbs CHANGED
@@ -1,15 +1,23 @@
1
1
  {{~#if _firstPage~}}
2
+ <div class="flex h-10">
2
3
  {{> components/pagination/pagination_button_left }}
3
- <div class="px-20 py-10">
4
- <span class="py-10 pr-5 font-title">1</span>
5
- <a href="{{lastPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>2</a>
6
- </div>
4
+ {{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
5
+ {{> components/button/components/button_label _label="1"}}
6
+ {{/components/button/button}}
7
+ {{#> components/button/button _size="lg" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
8
+ {{> components/button/components/button_label _label="2"}}
9
+ {{/components/button/button}}
7
10
  {{> components/pagination/pagination_button_right_linked }}
8
- {{else}}
9
- {{> components/pagination/pagination_button_left_linked }}
10
- <div class="px-20 py-10">
11
- <a href="{{firstPageItemUrl}}" class="font-bold sb-link js-load hover:underline text-toplineColor font-title"><span class="hidden">Zur Seite </span>1</a>
12
- <span class="py-10 pl-5 font-title">2</span>
13
- </div>
14
- {{> components/pagination/pagination_button_right }}
11
+ </div>
12
+ {{else}}
13
+ <div class="flex h-10">
14
+ {{> components/pagination/pagination_button_left_linked }}
15
+ {{#> components/button/button _size="lg" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1 pr-2 pl-2"}}
16
+ {{> components/button/components/button_label _label="1"}}
17
+ {{/components/button/button}}
18
+ {{#> components/button/button _size="lg" _variant="primary" _css="mr-1 ml-1 pr-2 pl-2"}}
19
+ {{> components/button/components/button_label _label="2"}}
20
+ {{/components/button/button}}
21
+ {{> components/pagination/pagination_button_right }}
22
+ </div>
15
23
  {{~/if~}}
package/dist/views/components/site_header/header.hbs CHANGED
@@ -1,10 +1,11 @@
1
- <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="{{#unless (isStorybook) }} start() {{/unless}} ">
1
+ <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="{{#if _useSticky}}start(){{/if}}">
2
2
  <header class="print:hidden relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">
3
3
  <div x-data
4
4
  id="headerWrapper"
5
5
  @resize.window="resetNav()"
6
6
  :class="shouldBrandNavBeHidden() ? '-mt-10 lg:-mt-8' : '' "
7
- class="{{#unless (isStorybook) }} fixed top-0 left-0{{/unless}} flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full ">
7
+ class="{{#if _useSticky }}fixed top-0 left-0{{/if}} flex flex-wrap max-w-full transition-all duration-500 transform font-copy lg:justify-center lg:w-full ">
8
+
8
9
 
9
10
  <div id="anchorNavWrapper"
10
11
  class="hidden">
@@ -25,7 +26,7 @@
25
26
 
26
27
  <span id="serviceNavHeadline" class="hidden print:hidden">Service Navigation</span>
27
28
 
28
- <div id="serviceLogoWrapper"
29
+ <div id="serviceLogoWrapper"
29
30
  class="flex items-center order-1 w-full pl-4 pr-2 tablet:pl-5 lg:items-end lg:pb-3 bg-blue-congress md:px-0 md:h-12 lg:h-16 md:w-1/2 md:max-w-1/2 lg:w-1/4 lg:max-w-1/4">
30
31
  {{> components/site_header/service_logo }}
31
32
  </div>
package/dist/views/components/teaser/teaser_poster.hbs CHANGED
@@ -22,7 +22,7 @@
22
22
  {{/components/teaser/components/teaser_headline}}
23
23
  {{/components/teaser/components/teaser_header}}
24
24
  {{/components/base/link}}
25
- <span class="absolute flex w-full h-full items-end justify-center ds-cta">
25
+ <span class="absolute flex items-end justify-center w-full h-full ds-cta">
26
26
  {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
27
27
  {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
28
28
  {{/components/button/link_button}}
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.16.1",
9
+ "version": "1.17.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/brand/hessenschau/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-bigband/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-inforadio/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr-werbung/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr1/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr2/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr3/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/hr4/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",
package/src/assets/brand/you-fm/conf/locatags.merged.json CHANGED
@@ -86,7 +86,6 @@
86
86
  "label_small-art": "Kleinkunst",
87
87
  "label_sports": "Sport",
88
88
  "label_talk": "Talk",
89
- "label_top_thema": "Top-Thema",
90
89
  "livestream_has_played": "Beendet",
91
90
  "livestream_plays": "Jetzt live",
92
91
  "livestream_will_play": "Startet am {0}",