hr-design-system-handlebars 1.77.7 → 1.77.8

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 (13) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +15 -3
  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/program_reference/program_reference.hbs +2 -2
  6. package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
  7. package/dist/views_static/components/content/copytext/copytext_body.hbs +1 -1
  8. package/dist/views_static/components/program_reference/program_reference.hbs +2 -2
  9. package/package.json +1 -1
  10. package/src/assets/css/custom-components.css +4 -0
  11. package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
  12. package/src/stories/views/components/content/copytext/copytext_body.hbs +1 -1
  13. package/src/stories/views/components/program_reference/program_reference.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.77.8 (Mon Jul 08 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - 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))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v1.77.7 (Fri Jul 05 2024)
2
14
 
3
15
  #### 🐛 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: cnt1720433430087;
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: cnt1720433430087 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(cnt1720433430087);
3798
3810
  }
3799
3811
  /*! ****************************/
3800
3812
  /*! DataPolicy stuff */
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/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/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.8",
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/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}}