hr-design-system-handlebars 1.77.7 → 1.77.9

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 (16) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +15 -11
  3. package/dist/views/components/content/copytext/copytext.hbs +1 -1
  4. package/dist/views/components/content/copytext/copytext_body.hbs +1 -1
  5. package/dist/views/components/page/story/story_article.hbs +1 -1
  6. package/dist/views/components/program_reference/program_reference.hbs +2 -2
  7. package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
  8. package/dist/views_static/components/content/copytext/copytext_body.hbs +1 -1
  9. package/dist/views_static/components/page/story/story_article.hbs +1 -1
  10. package/dist/views_static/components/program_reference/program_reference.hbs +2 -2
  11. package/package.json +1 -1
  12. package/src/assets/css/custom-components.css +4 -0
  13. package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
  14. package/src/stories/views/components/content/copytext/copytext_body.hbs +1 -1
  15. package/src/stories/views/components/page/story/story_article.hbs +1 -1
  16. package/src/stories/views/components/program_reference/program_reference.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.77.9 (Mon Jul 08 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Fix: Caption of the cover image [#987](https://github.com/mumprod/hr-design-system-handlebars/pull/987) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
14
+ # v1.77.8 (Mon Jul 08 2024)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - DPE-3210 AND DPE-3211- Darkmode bugs new story page [#986](https://github.com/mumprod/hr-design-system-handlebars/pull/986) ([@vascoeduardo](https://github.com/vascoeduardo))
19
+
20
+ #### Authors: 1
21
+
22
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
23
+
24
+ ---
25
+
1
26
  # v1.77.7 (Fri Jul 05 2024)
2
27
 
3
28
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -729,9 +729,21 @@ video {
729
729
  fill: var(--color-content-nav);
730
730
  color: #005293;
731
731
  color: var(--color-content-nav);
732
+ }
733
+ [class~='tw-dark'] .content-nav-item {
734
+ fill: #f0f0f0;
735
+ fill: var(--color-standard-text-dark);
736
+ color: #f0f0f0;
737
+ color: var(--color-standard-text-dark);
738
+ }
739
+ .content-nav-item {
732
740
  --tw-bg-opacity: 1;
733
741
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
734
742
  }
743
+ [class~='tw-dark'] .content-nav-item {
744
+ --tw-bg-opacity: 1;
745
+ background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
746
+ }
735
747
  .content-nav-item:hover {
736
748
  background-color: #005293;
737
749
  background-color: var(--color-content-nav);
@@ -3380,7 +3392,7 @@ article.indexTextDS .indexTextHighlighted .link {
3380
3392
  border-bottom-color: var(--color-secondary-ds);
3381
3393
  }
3382
3394
  .counter-reset {
3383
- counter-reset: cnt1720186709670;
3395
+ counter-reset: cnt1720440470305;
3384
3396
  }
3385
3397
  .hyphens-auto {
3386
3398
  -webkit-hyphens: auto;
@@ -3778,7 +3790,7 @@ article.indexTextDS .indexTextHighlighted .link {
3778
3790
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3779
3791
  }
3780
3792
  .-ordered {
3781
- counter-increment: cnt1720186709670 1;
3793
+ counter-increment: cnt1720440470305 1;
3782
3794
  }
3783
3795
  .-ordered::before {
3784
3796
  position: absolute;
@@ -3794,7 +3806,7 @@ article.indexTextDS .indexTextHighlighted .link {
3794
3806
  letter-spacing: .0125em;
3795
3807
  --tw-text-opacity: 1;
3796
3808
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3797
- content: counter(cnt1720186709670);
3809
+ content: counter(cnt1720440470305);
3798
3810
  }
3799
3811
  /*! ****************************/
3800
3812
  /*! DataPolicy stuff */
@@ -7562,10 +7574,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
7562
7574
  padding-left: 1rem;
7563
7575
  }
7564
7576
 
7565
- .lg\:pl-\[108px\] {
7566
- padding-left: 108px;
7567
- }
7568
-
7569
7577
  .lg\:pr-0 {
7570
7578
  padding-right: 0px;
7571
7579
  }
@@ -7578,10 +7586,6 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
7578
7586
  padding-right: 12rem;
7579
7587
  }
7580
7588
 
7581
- .lg\:pr-5 {
7582
- padding-right: 1.25rem;
7583
- }
7584
-
7585
7589
  .lg\:pt-1 {
7586
7590
  padding-top: 0.25rem;
7587
7591
  }
package/dist/views/components/content/copytext/copytext.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{> components/content/copytext/components/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/dist/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox ~}}
package/dist/views/components/page/story/story_article.hbs CHANGED
@@ -11,7 +11,7 @@
11
11
  {{#if this.isImage}}
12
12
  {{> components/content/copytext/components/image/figure
13
13
  _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
14
- _cssClassCaption="mx-5 md:mx-0 lg:pl-[108px] lg:pr-5"
14
+ _cssClassCaption="mx-5 md:mx-0"
15
15
  _type="story"
16
16
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
17
17
  _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
package/dist/views/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif dark:text-text-dark">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
@@ -11,7 +11,7 @@
11
11
  {{/if}}
12
12
  {{#if this.date}}
13
13
  <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
14
- class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full">
14
+ class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full dark:text-text-dark">
15
15
  {{#if this.displayWithTime}}
16
16
  {{loca "date_simple_at" this.date.dateSeparatorTime}}
17
17
  {{else}}
package/dist/views_static/components/content/copytext/copytext.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{> components/content/copytext/components/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/dist/views_static/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox ~}}
package/dist/views_static/components/page/story/story_article.hbs CHANGED
@@ -11,7 +11,7 @@
11
11
  {{#if this.isImage}}
12
12
  {{> components/content/copytext/components/image/figure
13
13
  _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
14
- _cssClassCaption="mx-5 md:mx-0 lg:pl-[108px] lg:pr-5"
14
+ _cssClassCaption="mx-5 md:mx-0"
15
15
  _type="story"
16
16
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
17
17
  _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
package/dist/views_static/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif dark:text-text-dark">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
@@ -11,7 +11,7 @@
11
11
  {{/if}}
12
12
  {{#if this.date}}
13
13
  <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
14
- class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full">
14
+ class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full dark:text-text-dark">
15
15
  {{#if this.displayWithTime}}
16
16
  {{loca "date_simple_at" this.date.dateSeparatorTime}}
17
17
  {{else}}
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.77.7",
9
+ "version": "1.77.9",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/css/custom-components.css CHANGED
@@ -174,7 +174,11 @@
174
174
  @apply dark:border-opacity-75;
175
175
  @apply fill-content-nav;
176
176
  @apply text-content-nav;
177
+ @apply dark:fill-text-dark;
178
+ @apply dark:text-text-dark;
179
+
177
180
  @apply bg-white;
181
+ @apply dark:bg-black;
178
182
  @apply hover:bg-content-nav;
179
183
  @apply hover:fill-white;
180
184
  @apply hover:text-white;
package/src/stories/views/components/content/copytext/copytext.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
  {{> components/content/copytext/components/media/media_figure _addClass="copytext__clearBox dontPrint" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
- {{~> components/content/copytext/copytext_body _isWebview=_isWebview ~}}
6
+ {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
7
7
  {{/each}}
8
8
  </div>
9
9
  {{! Globaler Einstellungsbutton; nur für Copytext/Externe Dienste Story;
package/src/stories/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  {{#unless this.isInfoBox}}
5
5
  {{~#with this.paragraphBoxItem }}
6
6
  {{~#if this.isImage}}
7
- {{~> components/content/copytext/components/image/image}}
7
+ {{~> components/content/copytext/components/image/image _isWebview=../_isWebview}}
8
8
  {{/if~}}
9
9
  {{~#if this.isContentBox}}
10
10
  {{~> components/content/copytext/components/contentbox/contentbox ~}}
package/src/stories/views/components/page/story/story_article.hbs CHANGED
@@ -11,7 +11,7 @@
11
11
  {{#if this.isImage}}
12
12
  {{> components/content/copytext/components/image/figure
13
13
  _cssClass="article-full-width md:article-breakout mt-6 sm480:mt-7 "
14
- _cssClassCaption="mx-5 md:mx-0 lg:pl-[108px] lg:pr-5"
14
+ _cssClassCaption="mx-5 md:mx-0"
15
15
  _type="story"
16
16
  _variant=(if this.showSquareImage.isTrue "100-top-sb-1x1" "100-top-sb")
17
17
  _pictureAddClass=(if this.showSquareImage.isTrue "grid ar-1-1 md:ar-16-9" "ar-16-9")
package/src/stories/views/components/program_reference/program_reference.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="flex flex-wrap ">
2
- <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif ">{{loca "story_program_supplier"}}</span><!--
2
+ <span class="w-full {{#if _isArticle}}text-2xl {{else}}text-sm {{/if}}{{#unless _isArticle}}uppercase{{/unless}} sm:w-fit font-headingSerif dark:text-text-dark">{{loca "story_program_supplier"}}</span><!--
3
3
  -->
4
4
  <div class="flex flex-wrap pt-2 gap-x-4 w-fit sm:w-full">
5
5
  {{#if this.link}}
@@ -11,7 +11,7 @@
11
11
  {{/if}}
12
12
  {{#if this.date}}
13
13
  <time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
14
- class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full">
14
+ class="{{#if _isArticle}}pt-3 md:pt-4{{else}}pt-1{{/if}} text-xs font-copy w-full dark:text-text-dark">
15
15
  {{#if this.displayWithTime}}
16
16
  {{loca "date_simple_at" this.date.dateSeparatorTime}}
17
17
  {{else}}