hr-design-system-handlebars 1.50.32 → 1.50.34

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 (21) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +36 -62
  3. package/dist/views/components/article/components/podcast/podcast_episode_article.hbs +1 -1
  4. package/dist/views/components/banner/banner.storybook.hbs +11 -12
  5. package/dist/views/components/banner/header/banner_wrapper.hbs +3 -3
  6. package/dist/views/components/banner/header/breadcrumb_wrapper.hbs +2 -2
  7. package/dist/views/components/content/content_footer/content_footer.hbs +1 -1
  8. package/dist/views/components/podcast/components/podcast_player_shorttext.hbs +2 -3
  9. package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs +1 -1
  10. package/dist/views_static/components/banner/banner.storybook.hbs +11 -12
  11. package/dist/views_static/components/banner/header/banner_wrapper.hbs +3 -3
  12. package/dist/views_static/components/banner/header/breadcrumb_wrapper.hbs +2 -2
  13. package/dist/views_static/components/content/content_footer/content_footer.hbs +1 -1
  14. package/dist/views_static/components/podcast/components/podcast_player_shorttext.hbs +2 -3
  15. package/package.json +1 -1
  16. package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs +1 -1
  17. package/src/stories/views/components/banner/banner.storybook.hbs +11 -12
  18. package/src/stories/views/components/banner/header/banner_wrapper.hbs +3 -3
  19. package/src/stories/views/components/banner/header/breadcrumb_wrapper.hbs +2 -2
  20. package/src/stories/views/components/content/content_footer/content_footer.hbs +1 -1
  21. package/src/stories/views/components/podcast/components/podcast_player_shorttext.hbs +2 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.50.34 (Tue Dec 05 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - fixes font, size and line height in shorttext and content footer [#778](https://github.com/mumprod/hr-design-system-handlebars/pull/778) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.50.33 (Tue Dec 05 2023)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - DPE-2693 - Banner ohne Bild darf nicht transparent sein [#777](https://github.com/mumprod/hr-design-system-handlebars/pull/777) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v1.50.29 (Mon Dec 04 2023)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -2310,6 +2310,10 @@ article.indexText ul {
2310
2310
  --tw-bg-opacity: 1;
2311
2311
  background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
2312
2312
  }
2313
+ .bg-orange-oregon {
2314
+ --tw-bg-opacity: 1;
2315
+ background-color: rgba(161, 71, 2, var(--tw-bg-opacity));
2316
+ }
2313
2317
  .bg-podcast {
2314
2318
  background-color: #006dc1;
2315
2319
  background-color: var(--color-podcast);
@@ -3198,7 +3202,7 @@ article.indexText ul {
3198
3202
  border-bottom-color: var(--color-secondary-ds);
3199
3203
  }
3200
3204
  .counter-reset {
3201
- counter-reset: cnt1701727551511;
3205
+ counter-reset: cnt1701783858792;
3202
3206
  }
3203
3207
  .hyphens-auto {
3204
3208
  -webkit-hyphens: auto;
@@ -3459,7 +3463,7 @@ article.indexText ul {
3459
3463
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3460
3464
  }
3461
3465
  .-ordered {
3462
- counter-increment: cnt1701727551511 1;
3466
+ counter-increment: cnt1701783858792 1;
3463
3467
  }
3464
3468
  .-ordered::before {
3465
3469
  position: absolute;
@@ -3475,7 +3479,7 @@ article.indexText ul {
3475
3479
  letter-spacing: .0125em;
3476
3480
  --tw-text-opacity: 1;
3477
3481
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3478
- content: counter(cnt1701727551511);
3482
+ content: counter(cnt1701783858792);
3479
3483
  }
3480
3484
  /*! ****************************/
3481
3485
  /*! DataPolicy stuff */
@@ -6085,6 +6089,16 @@ article.indexText ul {
6085
6089
  line-height: 1.5rem;
6086
6090
  }
6087
6091
 
6092
+ .md\:text-sm {
6093
+ font-size: 0.875rem;
6094
+ line-height: 1.1875rem;
6095
+ }
6096
+
6097
+ .md\:text-xl {
6098
+ font-size: 1.25rem;
6099
+ line-height: 1.6875rem;
6100
+ }
6101
+
6088
6102
  .md\:leading-4 {
6089
6103
  line-height: 1rem;
6090
6104
  }
@@ -6292,6 +6306,10 @@ article.indexText ul {
6292
6306
  z-index: 50;
6293
6307
  }
6294
6308
 
6309
+ .lg\:order-1 {
6310
+ order: 1;
6311
+ }
6312
+
6295
6313
  .lg\:order-2 {
6296
6314
  order: 2;
6297
6315
  }
@@ -6304,16 +6322,15 @@ article.indexText ul {
6304
6322
  margin: 0px;
6305
6323
  }
6306
6324
 
6307
- .lg\:mx-10 {
6308
- margin-left: 2.5rem;
6309
- margin-right: 2.5rem;
6310
- }
6311
-
6312
6325
  .lg\:mx-8 {
6313
6326
  margin-left: 2rem;
6314
6327
  margin-right: 2rem;
6315
6328
  }
6316
6329
 
6330
+ .lg\:-mb-9 {
6331
+ margin-bottom: -2.25rem;
6332
+ }
6333
+
6317
6334
  .lg\:-ml-240 {
6318
6335
  margin-left: -60rem;
6319
6336
  }
@@ -6626,6 +6643,11 @@ article.indexText ul {
6626
6643
  padding-right: 2.375rem;
6627
6644
  }
6628
6645
 
6646
+ .lg\:py-0 {
6647
+ padding-top: 0px;
6648
+ padding-bottom: 0px;
6649
+ }
6650
+
6629
6651
  .lg\:pb-0 {
6630
6652
  padding-bottom: 0px;
6631
6653
  }
@@ -6662,6 +6684,10 @@ article.indexText ul {
6662
6684
  padding-top: 0.25rem;
6663
6685
  }
6664
6686
 
6687
+ .lg\:pt-3 {
6688
+ padding-top: 0.75rem;
6689
+ }
6690
+
6665
6691
  .lg\:font-normal {
6666
6692
  font-weight: 400;
6667
6693
  }
@@ -6795,64 +6821,12 @@ article.indexText ul {
6795
6821
  border-left-width: 1px;
6796
6822
  }
6797
6823
  }
6798
- .\[\&\:has\(\+\.-image\)\]\:order-4[\:has\(\%2B.-image\)] {
6799
- order: 4;
6800
- }
6801
- .\[\&\:has\(\+\.-image\)\]\:order-4:has(+.-image) {
6802
- order: 4;
6803
- }
6804
- @media (min-width: 1024px) {
6805
-
6806
- .lg\:\[\&\:has\(\+\.-image\)\]\:order-1[\:has\(\%2B.-image\)] {
6807
- order: 1;
6808
- }
6809
-
6810
- .lg\:\[\&\:has\(\+\.-image\)\]\:order-1:has(+.-image) {
6811
- order: 1;
6812
- }
6813
-
6814
- .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9[\:has\(\%2B.-image\)] {
6815
- margin-bottom: -2.25rem;
6816
- }
6817
-
6818
- .lg\:\[\&\:has\(\+\.-image\)\]\:-mb-9:has(+.-image) {
6819
- margin-bottom: -2.25rem;
6820
- }
6821
-
6822
- .lg\:\[\&\:has\(\+\.-image\)\]\:py-0[\:has\(\%2B.-image\)] {
6823
- padding-top: 0px;
6824
- padding-bottom: 0px;
6825
- }
6826
-
6827
- .lg\:\[\&\:has\(\+\.-image\)\]\:py-0:has(+.-image) {
6828
- padding-top: 0px;
6829
- padding-bottom: 0px;
6830
- }
6831
-
6832
- .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3[\:has\(\%2B.-image\)] {
6833
- padding-top: 0.75rem;
6834
- }
6835
-
6836
- .lg\:\[\&\:has\(\+\.-image\)\]\:pt-3:has(+.-image) {
6837
- padding-top: 0.75rem;
6838
- }
6839
- }
6840
- .\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
6824
+ .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-hideOnMobile\)] {
6841
6825
  order: 1;
6842
6826
  }
6843
- .\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
6827
+ .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1:has(+.-hideOnMobile) {
6844
6828
  order: 1;
6845
6829
  }
6846
- @media (min-width: 1024px) {
6847
-
6848
- .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-image.-hideOnMobile\)] {
6849
- order: 1;
6850
- }
6851
-
6852
- .lg\:\[\&\:has\(\+\.-image\.-hideOnMobile\)\]\:order-1:has(+.-image.-hideOnMobile) {
6853
- order: 1;
6854
- }
6855
- }
6856
6830
  .\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
6857
6831
  padding-bottom: 1.25rem;
6858
6832
  }
package/dist/views/components/article/components/podcast/podcast_episode_article.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{> components/podcast/podcast_player _linkTitle=true _isSinglePage=true _isArticlePlayer=true}}
5
5
  </div>
6
6
  <div class="pt-6 main">
7
- {{> components/podcast/components/podcast_player_shorttext }}
7
+ {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
8
8
  {{> components/content/content_footer/content_footer
9
9
  _author=this.audioAuthor
10
10
  _showDate=this.hasDwellTime
package/dist/views/components/banner/banner.storybook.hbs CHANGED
@@ -2,11 +2,11 @@
2
2
  <div class="grid mb-4 grid-page">
3
3
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung mit Struktur Navigation</h1>
4
4
  </div>
5
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=true }}
5
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=true }}
6
6
  {{> components/navigation/breadcrumb/breadcrumb }}
7
7
  {{/components/banner/header/breadcrumb_wrapper }}
8
8
 
9
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
9
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
10
10
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
11
11
  {{#> components/banner/header/special_info _invert="true"}}
12
12
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -26,7 +26,7 @@
26
26
  {{/components/banner/header/byline }}
27
27
  {{/components/banner/header/title_background }}
28
28
  {{/components/banner/header/banner_overlay }}
29
- {{~> components/banner/header/banner_image _hideOnMobile=true }}
29
+ {{~> components/banner/header/banner_image }}
30
30
  {{/components/banner/header/banner_wrapper }}
31
31
  {{~#with this.structureNav}}
32
32
  {{> components/banner/structure_nav/structure_nav}}
@@ -36,11 +36,11 @@
36
36
  <div class="grid mb-4 grid-page">
37
37
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung ohne Struktur Navigation</h1>
38
38
  </div>
39
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
39
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false }}
40
40
  {{> components/navigation/breadcrumb/breadcrumb }}
41
41
  {{/components/banner/header/breadcrumb_wrapper }}
42
42
 
43
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
43
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
44
44
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
45
45
  {{#> components/banner/header/special_info _invert="true"}}
46
46
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -59,8 +59,7 @@
59
59
  Aktualisiert am 03.11.23 um 12:33 Uhr
60
60
  {{/components/banner/header/byline }}
61
61
  {{/components/banner/header/title_background }}
62
- {{/components/banner/header/banner_overlay }}
63
-
62
+ {{/components/banner/header/banner_overlay }}
64
63
  {{~> components/banner/header/banner_image }}
65
64
  {{/components/banner/header/banner_wrapper }}
66
65
  </div>
@@ -68,11 +67,11 @@
68
67
  <div class="grid mb-4 grid-page">
69
68
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung Mobil kein Bild</h1>
70
69
  </div>
71
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false}}
70
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false}}
72
71
  {{> components/navigation/breadcrumb/breadcrumb }}
73
72
  {{/components/banner/header/breadcrumb_wrapper }}
74
73
 
75
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=true}}
74
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=true}}
76
75
  {{#> components/banner/header/banner_overlay _hasBackground=true _hideOnMobile=true}}
77
76
  {{#> components/banner/header/title_background _hasBackground=true}}
78
77
  {{#> components/banner/header/topline }}
@@ -93,14 +92,14 @@
93
92
 
94
93
  {{/components/banner/header/banner_wrapper }}
95
94
  </div>
96
- <div class="flex flex-col py-6 bg-white dark:bg-black ">
95
+ <div class="flex flex-col py-6 bg-orange-oregon dark:bg-black ">
97
96
  <div class="grid mb-4 grid-page">
98
97
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung kein Bild</h1>
99
98
  </div>
100
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
99
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=false _hasContentNav=false }}
101
100
  {{> components/navigation/breadcrumb/breadcrumb }}
102
101
  {{/components/banner/header/breadcrumb_wrapper }}
103
- {{#> components/banner/header/banner_wrapper _hasImage=false _hideOnMobile=false}}
102
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=false _hideOnMobile=false}}
104
103
  {{#> components/banner/header/banner_overlay _hasBackground=false}}
105
104
  {{#> components/banner/header/special_info _invert="true"}}
106
105
  Montag bis Freitag von 5 bis 11.00 Uhr
package/dist/views/components/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
- <div class="grid grid-page w-full order-2{{#if _hasImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
- <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasImage}} mx-4 md:mx-5 lg:mx-10 border-b border-gray-boulder pb-4{{/unless}}">
3
- <div class="relative {{#if _hasImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
1
+ <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
+ <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 border-b border-gray-boulder pb-4 bg-white dark:bg-black{{/unless}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/dist/views/components/banner/header/breadcrumb_wrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
- <div class="grid grid-page {{#if _hasContentNav }}order-4{{else}}order-1 py-2 [&:has(+.-image)]:order-4 lg:[&:has(+.-image.-hideOnMobile)]:order-1 [&:has(+.-image.-hideOnMobile)]:order-1 lg:[&:has(+.-image)]:py-0 lg:[&:has(+.-image)]:-mb-9 lg:[&:has(+.-image)]:order-1 lg:[&:has(+.-image)]:pt-3 z-10 bg-white lg:bg-transparent{{/if}}">
2
- <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{/if}}">
1
+ <div class="grid grid-page{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
2
+ <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{#unless _hasBannerImage}} bg-white py-2{{/unless}}{{/if}}">
3
3
  {{> @partial-block }}
4
4
  </div>
5
5
  </div>
package/dist/views/components/content/content_footer/content_footer.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="flex flex-col mt-10 text-xs font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
1
+ <footer class="flex flex-col mt-10 text-xs md:text-sm font-headingSerif {{#if _addClass}} {{_addClass}}{{/if}}">
2
2
  {{~#with _author ~}}
3
3
  <p>
4
4
  Autor: {{this}}
package/dist/views/components/podcast/components/podcast_player_shorttext.hbs CHANGED
@@ -1,9 +1,8 @@
1
- {{#unless _isSinglePage}}
1
+
2
2
  {{#unless this.hideShortText}}
3
3
  {{~#with this.shorttext}}
4
- <div class="col-span-12 text-sm md:text-base font-copy dark:text-podcast-text-dark">
4
+ <div class="col-span-12 text-sm {{#if ../_isSinglePage}}md:text-xl {{else}} md:text-base{{/if}} font-copy dark:text-podcast-text-dark">
5
5
  <span class="c-teaser__shorttext"> {{this}} </span>
6
6
  </div>
7
7
  {{/with~}}
8
8
  {{/unless}}
9
- {{/unless}}
package/dist/views_static/components/article/components/podcast/podcast_episode_article.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{> components/podcast/podcast_player _linkTitle=true _isSinglePage=true _isArticlePlayer=true}}
5
5
  </div>
6
6
  <div class="pt-6 main">
7
- {{> components/podcast/components/podcast_player_shorttext }}
7
+ {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
8
8
  {{> components/content/content_footer/content_footer
9
9
  _author=this.audioAuthor
10
10
  _showDate=this.hasDwellTime
package/dist/views_static/components/banner/banner.storybook.hbs CHANGED
@@ -2,11 +2,11 @@
2
2
  <div class="grid mb-4 grid-page">
3
3
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung mit Struktur Navigation</h1>
4
4
  </div>
5
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=true }}
5
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=true }}
6
6
  {{> components/navigation/breadcrumb/breadcrumb }}
7
7
  {{/components/banner/header/breadcrumb_wrapper }}
8
8
 
9
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
9
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
10
10
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
11
11
  {{#> components/banner/header/special_info _invert="true"}}
12
12
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -26,7 +26,7 @@
26
26
  {{/components/banner/header/byline }}
27
27
  {{/components/banner/header/title_background }}
28
28
  {{/components/banner/header/banner_overlay }}
29
- {{~> components/banner/header/banner_image _hideOnMobile=true }}
29
+ {{~> components/banner/header/banner_image }}
30
30
  {{/components/banner/header/banner_wrapper }}
31
31
  {{~#with this.structureNav}}
32
32
  {{> components/banner/structure_nav/structure_nav}}
@@ -36,11 +36,11 @@
36
36
  <div class="grid mb-4 grid-page">
37
37
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung ohne Struktur Navigation</h1>
38
38
  </div>
39
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
39
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false }}
40
40
  {{> components/navigation/breadcrumb/breadcrumb }}
41
41
  {{/components/banner/header/breadcrumb_wrapper }}
42
42
 
43
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
43
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
44
44
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
45
45
  {{#> components/banner/header/special_info _invert="true"}}
46
46
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -59,8 +59,7 @@
59
59
  Aktualisiert am 03.11.23 um 12:33 Uhr
60
60
  {{/components/banner/header/byline }}
61
61
  {{/components/banner/header/title_background }}
62
- {{/components/banner/header/banner_overlay }}
63
-
62
+ {{/components/banner/header/banner_overlay }}
64
63
  {{~> components/banner/header/banner_image }}
65
64
  {{/components/banner/header/banner_wrapper }}
66
65
  </div>
@@ -68,11 +67,11 @@
68
67
  <div class="grid mb-4 grid-page">
69
68
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung Mobil kein Bild</h1>
70
69
  </div>
71
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false}}
70
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false}}
72
71
  {{> components/navigation/breadcrumb/breadcrumb }}
73
72
  {{/components/banner/header/breadcrumb_wrapper }}
74
73
 
75
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=true}}
74
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=true}}
76
75
  {{#> components/banner/header/banner_overlay _hasBackground=true _hideOnMobile=true}}
77
76
  {{#> components/banner/header/title_background _hasBackground=true}}
78
77
  {{#> components/banner/header/topline }}
@@ -93,14 +92,14 @@
93
92
 
94
93
  {{/components/banner/header/banner_wrapper }}
95
94
  </div>
96
- <div class="flex flex-col py-6 bg-white dark:bg-black ">
95
+ <div class="flex flex-col py-6 bg-orange-oregon dark:bg-black ">
97
96
  <div class="grid mb-4 grid-page">
98
97
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung kein Bild</h1>
99
98
  </div>
100
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
99
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=false _hasContentNav=false }}
101
100
  {{> components/navigation/breadcrumb/breadcrumb }}
102
101
  {{/components/banner/header/breadcrumb_wrapper }}
103
- {{#> components/banner/header/banner_wrapper _hasImage=false _hideOnMobile=false}}
102
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=false _hideOnMobile=false}}
104
103
  {{#> components/banner/header/banner_overlay _hasBackground=false}}
105
104
  {{#> components/banner/header/special_info _invert="true"}}
106
105
  Montag bis Freitag von 5 bis 11.00 Uhr
package/dist/views_static/components/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
- <div class="grid grid-page w-full order-2{{#if _hasImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
- <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasImage}} mx-4 md:mx-5 lg:mx-10 border-b border-gray-boulder pb-4{{/unless}}">
3
- <div class="relative {{#if _hasImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
1
+ <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
+ <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 border-b border-gray-boulder pb-4 bg-white dark:bg-black{{/unless}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/dist/views_static/components/banner/header/breadcrumb_wrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
- <div class="grid grid-page {{#if _hasContentNav }}order-4{{else}}order-1 py-2 [&:has(+.-image)]:order-4 lg:[&:has(+.-image.-hideOnMobile)]:order-1 [&:has(+.-image.-hideOnMobile)]:order-1 lg:[&:has(+.-image)]:py-0 lg:[&:has(+.-image)]:-mb-9 lg:[&:has(+.-image)]:order-1 lg:[&:has(+.-image)]:pt-3 z-10 bg-white lg:bg-transparent{{/if}}">
2
- <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{/if}}">
1
+ <div class="grid grid-page{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
2
+ <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{#unless _hasBannerImage}} bg-white py-2{{/unless}}{{/if}}">
3
3
  {{> @partial-block }}
4
4
  </div>
5
5
  </div>
package/dist/views_static/components/content/content_footer/content_footer.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="flex flex-col mt-10 text-xs font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
1
+ <footer class="flex flex-col mt-10 text-xs md:text-sm font-headingSerif {{#if _addClass}} {{_addClass}}{{/if}}">
2
2
  {{~#with _author ~}}
3
3
  <p>
4
4
  Autor: {{this}}
package/dist/views_static/components/podcast/components/podcast_player_shorttext.hbs CHANGED
@@ -1,9 +1,8 @@
1
- {{#unless _isSinglePage}}
1
+
2
2
  {{#unless this.hideShortText}}
3
3
  {{~#with this.shorttext}}
4
- <div class="col-span-12 text-sm md:text-base font-copy dark:text-podcast-text-dark">
4
+ <div class="col-span-12 text-sm {{#if ../_isSinglePage}}md:text-xl {{else}} md:text-base{{/if}} font-copy dark:text-podcast-text-dark">
5
5
  <span class="c-teaser__shorttext"> {{this}} </span>
6
6
  </div>
7
7
  {{/with~}}
8
8
  {{/unless}}
9
- {{/unless}}
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.50.32",
9
+ "version": "1.50.34",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{> components/podcast/podcast_player _linkTitle=true _isSinglePage=true _isArticlePlayer=true}}
5
5
  </div>
6
6
  <div class="pt-6 main">
7
- {{> components/podcast/components/podcast_player_shorttext }}
7
+ {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
8
8
  {{> components/content/content_footer/content_footer
9
9
  _author=this.audioAuthor
10
10
  _showDate=this.hasDwellTime
package/src/stories/views/components/banner/banner.storybook.hbs CHANGED
@@ -2,11 +2,11 @@
2
2
  <div class="grid mb-4 grid-page">
3
3
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung mit Struktur Navigation</h1>
4
4
  </div>
5
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=true }}
5
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=true }}
6
6
  {{> components/navigation/breadcrumb/breadcrumb }}
7
7
  {{/components/banner/header/breadcrumb_wrapper }}
8
8
 
9
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
9
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
10
10
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
11
11
  {{#> components/banner/header/special_info _invert="true"}}
12
12
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -26,7 +26,7 @@
26
26
  {{/components/banner/header/byline }}
27
27
  {{/components/banner/header/title_background }}
28
28
  {{/components/banner/header/banner_overlay }}
29
- {{~> components/banner/header/banner_image _hideOnMobile=true }}
29
+ {{~> components/banner/header/banner_image }}
30
30
  {{/components/banner/header/banner_wrapper }}
31
31
  {{~#with this.structureNav}}
32
32
  {{> components/banner/structure_nav/structure_nav}}
@@ -36,11 +36,11 @@
36
36
  <div class="grid mb-4 grid-page">
37
37
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung ohne Struktur Navigation</h1>
38
38
  </div>
39
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
39
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false }}
40
40
  {{> components/navigation/breadcrumb/breadcrumb }}
41
41
  {{/components/banner/header/breadcrumb_wrapper }}
42
42
 
43
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=false}}
43
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=false}}
44
44
  {{#> components/banner/header/banner_overlay _hasBackground=true}}
45
45
  {{#> components/banner/header/special_info _invert="true"}}
46
46
  Montag bis Freitag von 5 bis 11.00 Uhr
@@ -59,8 +59,7 @@
59
59
  Aktualisiert am 03.11.23 um 12:33 Uhr
60
60
  {{/components/banner/header/byline }}
61
61
  {{/components/banner/header/title_background }}
62
- {{/components/banner/header/banner_overlay }}
63
-
62
+ {{/components/banner/header/banner_overlay }}
64
63
  {{~> components/banner/header/banner_image }}
65
64
  {{/components/banner/header/banner_wrapper }}
66
65
  </div>
@@ -68,11 +67,11 @@
68
67
  <div class="grid mb-4 grid-page">
69
68
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung Mobil kein Bild</h1>
70
69
  </div>
71
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false}}
70
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=true _hasContentNav=false}}
72
71
  {{> components/navigation/breadcrumb/breadcrumb }}
73
72
  {{/components/banner/header/breadcrumb_wrapper }}
74
73
 
75
- {{#> components/banner/header/banner_wrapper _hasImage=true _hideOnMobile=true}}
74
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=true _hideOnMobile=true}}
76
75
  {{#> components/banner/header/banner_overlay _hasBackground=true _hideOnMobile=true}}
77
76
  {{#> components/banner/header/title_background _hasBackground=true}}
78
77
  {{#> components/banner/header/topline }}
@@ -93,14 +92,14 @@
93
92
 
94
93
  {{/components/banner/header/banner_wrapper }}
95
94
  </div>
96
- <div class="flex flex-col py-6 bg-white dark:bg-black ">
95
+ <div class="flex flex-col py-6 bg-orange-oregon dark:bg-black ">
97
96
  <div class="grid mb-4 grid-page">
98
97
  <h1 class="text-3xl font-title col-full sm:col-main">Maximalausprägung kein Bild</h1>
99
98
  </div>
100
- {{#> components/banner/header/breadcrumb_wrapper _hasContentNav=false }}
99
+ {{#> components/banner/header/breadcrumb_wrapper _hasBannerImage=false _hasContentNav=false }}
101
100
  {{> components/navigation/breadcrumb/breadcrumb }}
102
101
  {{/components/banner/header/breadcrumb_wrapper }}
103
- {{#> components/banner/header/banner_wrapper _hasImage=false _hideOnMobile=false}}
102
+ {{#> components/banner/header/banner_wrapper _hasBannerImage=false _hideOnMobile=false}}
104
103
  {{#> components/banner/header/banner_overlay _hasBackground=false}}
105
104
  {{#> components/banner/header/special_info _invert="true"}}
106
105
  Montag bis Freitag von 5 bis 11.00 Uhr
package/src/stories/views/components/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
- <div class="grid grid-page w-full order-2{{#if _hasImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
- <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasImage}} mx-4 md:mx-5 lg:mx-10 border-b border-gray-boulder pb-4{{/unless}}">
3
- <div class="relative {{#if _hasImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
1
+ <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
+ <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 border-b border-gray-boulder pb-4 bg-white dark:bg-black{{/unless}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/src/stories/views/components/banner/header/breadcrumb_wrapper.hbs CHANGED
@@ -1,5 +1,5 @@
1
- <div class="grid grid-page {{#if _hasContentNav }}order-4{{else}}order-1 py-2 [&:has(+.-image)]:order-4 lg:[&:has(+.-image.-hideOnMobile)]:order-1 [&:has(+.-image.-hideOnMobile)]:order-1 lg:[&:has(+.-image)]:py-0 lg:[&:has(+.-image)]:-mb-9 lg:[&:has(+.-image)]:order-1 lg:[&:has(+.-image)]:pt-3 z-10 bg-white lg:bg-transparent{{/if}}">
2
- <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{/if}}">
1
+ <div class="grid grid-page{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
2
+ <div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-2{{else}}{{#unless _hasBannerImage}} bg-white py-2{{/unless}}{{/if}}">
3
3
  {{> @partial-block }}
4
4
  </div>
5
5
  </div>
package/src/stories/views/components/content/content_footer/content_footer.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="flex flex-col mt-10 text-xs font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
1
+ <footer class="flex flex-col mt-10 text-xs md:text-sm font-headingSerif {{#if _addClass}} {{_addClass}}{{/if}}">
2
2
  {{~#with _author ~}}
3
3
  <p>
4
4
  Autor: {{this}}
package/src/stories/views/components/podcast/components/podcast_player_shorttext.hbs CHANGED
@@ -1,9 +1,8 @@
1
- {{#unless _isSinglePage}}
1
+
2
2
  {{#unless this.hideShortText}}
3
3
  {{~#with this.shorttext}}
4
- <div class="col-span-12 text-sm md:text-base font-copy dark:text-podcast-text-dark">
4
+ <div class="col-span-12 text-sm {{#if ../_isSinglePage}}md:text-xl {{else}} md:text-base{{/if}} font-copy dark:text-podcast-text-dark">
5
5
  <span class="c-teaser__shorttext"> {{this}} </span>
6
6
  </div>
7
7
  {{/with~}}
8
8
  {{/unless}}
9
- {{/unless}}