hr-design-system-handlebars 1.52.6 → 1.52.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.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.52.8 (Fri Jan 19 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - add copytext-faq component [#809](https://github.com/mumprod/hr-design-system-handlebars/pull/809) ([@hanswurstsalat](https://github.com/hanswurstsalat))
6
+
7
+ #### Authors: 1
8
+
9
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
10
+
11
+ ---
12
+
13
+ # v1.52.7 (Fri Jan 19 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - fixes color in border [#808](https://github.com/mumprod/hr-design-system-handlebars/pull/808) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.52.6 (Thu Jan 18 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -3225,7 +3225,7 @@ article.indexText ul {
3225
3225
  border-bottom-color: var(--color-secondary-ds);
3226
3226
  }
3227
3227
  .counter-reset {
3228
- counter-reset: cnt1705590346870;
3228
+ counter-reset: cnt1705691587463;
3229
3229
  }
3230
3230
  .hyphens-auto {
3231
3231
  -webkit-hyphens: auto;
@@ -3527,7 +3527,7 @@ article.indexText ul {
3527
3527
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3528
3528
  }
3529
3529
  .-ordered {
3530
- counter-increment: cnt1705590346870 1;
3530
+ counter-increment: cnt1705691587463 1;
3531
3531
  }
3532
3532
  .-ordered::before {
3533
3533
  position: absolute;
@@ -3543,7 +3543,7 @@ article.indexText ul {
3543
3543
  letter-spacing: .0125em;
3544
3544
  --tw-text-opacity: 1;
3545
3545
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3546
- content: counter(cnt1705590346870);
3546
+ content: counter(cnt1705691587463);
3547
3547
  }
3548
3548
  /*! ****************************/
3549
3549
  /*! DataPolicy stuff */
@@ -4141,8 +4141,8 @@ article.indexText ul {
4141
4141
  --color-servicenavigation-border-color: #007396;
4142
4142
  /* Sectionnavigation Border Bottom Width*/
4143
4143
  --border-navigation-border-width: 11px;
4144
- /* The Fancy special border on youfm */
4145
- --border-navigation-border-image: linear-gradient(to right, #dda91e 0%, #dda91e 20%, #c32728 20%, #c32728 40%, #bf0171 40%, #bf0171 60%, #003a5c 60%, #003a5c 80%,#000206 80%, #007a9f 100%);
4144
+ /* The Fancy special border on werbung */
4145
+ --border-navigation-border-image: linear-gradient(to right, #dda91e 0%, #dda91e 17%, #c32728 17%, #c32728 34%, #bf0171 34%, #bf0171 51%, #003a5c 51%, #003a5c 68%,#000206 68%,#000206 84%,#007a9f 84%, #007a9f 100%);
4146
4146
  --color-footer-border: #007396;
4147
4147
 
4148
4148
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -1,5 +1,16 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-6 italic text-gray-dark">coming soon: FAQ-component</div>
3
- {{~else~}}
4
- {{~> modules/story/paragraphs/faq ~}}
5
- {{~/if~}}
1
+ <h2 class="clear-both text-lg sm480:text-2xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
2
+ {{#with this.paragraphProperties.[0]}}
3
+ {{#with this.faqAnswer}}
4
+ {{#each this.split}}
5
+ {{#if this.isText}}
6
+ <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
7
+ {{/if}}
8
+ {{#if this.isUl}}
9
+ <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
10
+ {{/if}}
11
+ {{#if this.isOl}}
12
+ <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
13
+ {{/if}}
14
+ {{/each}}
15
+ {{/with}}
16
+ {{/with}}
@@ -1,5 +1,16 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-6 italic text-gray-dark">coming soon: FAQ-component</div>
3
- {{~else~}}
4
- {{~> modules/story/paragraphs/faq ~}}
5
- {{~/if~}}
1
+ <h2 class="clear-both text-lg sm480:text-2xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
2
+ {{#with this.paragraphProperties.[0]}}
3
+ {{#with this.faqAnswer}}
4
+ {{#each this.split}}
5
+ {{#if this.isText}}
6
+ <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
7
+ {{/if}}
8
+ {{#if this.isUl}}
9
+ <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
10
+ {{/if}}
11
+ {{#if this.isOl}}
12
+ <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
13
+ {{/if}}
14
+ {{/each}}
15
+ {{/with}}
16
+ {{/with}}
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.52.6",
9
+ "version": "1.52.8",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -614,5 +614,85 @@
614
614
  }
615
615
  }
616
616
  ]
617
- }
617
+ },
618
+ "copytext_faq": {
619
+ "copytextParagraph": [
620
+ {
621
+ "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
622
+ "isHeadline": true,
623
+ "text": "Copytext mit FAQs"
624
+ },
625
+ {
626
+ "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
627
+ "isParagraph": true,
628
+ "text": {
629
+ "split": [
630
+ {
631
+ "isText": true,
632
+ "text": "Viele Corona-Maßnahmen in Hessen sind nach und nach weggefallen. Was ist nun erlaubt und was noch nicht? Ein Überblick."
633
+ }
634
+ ]
635
+ }
636
+ },
637
+ {
638
+ "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
639
+ "isFAQ": true,
640
+ "text": "Wo brauche ich noch Corona-Test?",
641
+ "paragraphProperties": [
642
+ {
643
+ "faqAnswer": {
644
+ "split": [
645
+ {
646
+ "isText": true,
647
+ "text": "Es besteht keine Testpflicht mehr. Auch in Krankenhäusern, Alten- und Pflegeheimen sowie Sammelunterkünften muss sich seit dem 1. März niemand mehr testen lassen."
648
+ },
649
+ {
650
+ "isUl": true,
651
+ "text": "<li>Es besteht keine Testpflicht mehr</li><li>Auch in Krankenhäusern, Alten- und Pflegeheimen</li>"
652
+ },
653
+ {
654
+ "isOl": true,
655
+ "text": "<li>Es besteht keine Testpflicht mehr</li><li>Auch in Krankenhäusern, Alten- und Pflegeheimen</li>"
656
+ }
657
+ ]
658
+ }
659
+ }
660
+ ]
661
+ },
662
+ {
663
+ "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
664
+ "isFAQ": true,
665
+ "text": "Gibt es noch Bürgertests?",
666
+ "paragraphProperties": [
667
+ {
668
+ "faqAnswer": {
669
+ "split": [
670
+ {
671
+ "isText": true,
672
+ "text": "Seit dem 1. März 2023 besteht keine Möglichkeit mehr zur kostenlosen Bürgertestung. Alle Testangebote sind kostenpflichtig."
673
+ }
674
+ ]
675
+ }
676
+ }
677
+ ]
678
+ },
679
+ {
680
+ "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
681
+ "isFAQ": true,
682
+ "text": "Wo muss ich Maske tragen?",
683
+ "paragraphProperties": [
684
+ {
685
+ "faqAnswer": {
686
+ "split": [
687
+ {
688
+ "isText": true,
689
+ "text": "Ab dem 8. April 2023 ist die Maskenpflicht in Hessen in allen Bereichen aufgehoben."
690
+ }
691
+ ]
692
+ }
693
+ }
694
+ ]
695
+ }
696
+ ]
697
+ }
618
698
  }
@@ -0,0 +1,4 @@
1
+ {
2
+ "@->jsoninclude": "content/copytext/copytext.inc.json",
3
+ "@->contentpath": "copytext_faq"
4
+ }
@@ -506,8 +506,8 @@
506
506
  --color-servicenavigation-border-color: theme('colors.blue.blueLuxury');
507
507
  /* Sectionnavigation Border Bottom Width*/
508
508
  --border-navigation-border-width: 11px;
509
- /* The Fancy special border on youfm */
510
- --border-navigation-border-image: linear-gradient(to right, #dda91e 0%, #dda91e 20%, #c32728 20%, #c32728 40%, #bf0171 40%, #bf0171 60%, #003a5c 60%, #003a5c 80%,#000206 80%, #007a9f 100%);
509
+ /* The Fancy special border on werbung */
510
+ --border-navigation-border-image: linear-gradient(to right, #dda91e 0%, #dda91e 17%, #c32728 17%, #c32728 34%, #bf0171 34%, #bf0171 51%, #003a5c 51%, #003a5c 68%,#000206 68%,#000206 84%,#007a9f 84%, #007a9f 100%);
511
511
  --color-footer-border: theme('colors.blue.blueLuxury');
512
512
 
513
513
  /* Medieninhalte, Video, Audio, Bildergalerie */
@@ -1,5 +1,16 @@
1
- {{~#if (isStorybook)~}}
2
- <div class="mt-6 italic text-gray-dark">coming soon: FAQ-component</div>
3
- {{~else~}}
4
- {{~> modules/story/paragraphs/faq ~}}
5
- {{~/if~}}
1
+ <h2 class="clear-both text-lg sm480:text-2xl font-headingSerif mt-11 dark:text-text-dark">{{{this.text}}}</h2>
2
+ {{#with this.paragraphProperties.[0]}}
3
+ {{#with this.faqAnswer}}
4
+ {{#each this.split}}
5
+ {{#if this.isText}}
6
+ <p class="mt-6 text-base sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
7
+ {{/if}}
8
+ {{#if this.isUl}}
9
+ <ul class="mt-6 ml-5 text-base list-disc sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
10
+ {{/if}}
11
+ {{#if this.isOl}}
12
+ <ol class="mt-6 ml-5 text-base list-decimal sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
13
+ {{/if}}
14
+ {{/each}}
15
+ {{/with}}
16
+ {{/with}}
@@ -4,6 +4,7 @@ import copytext_posterteaser_json from './fixtures/copytext_posterteaser.json'
4
4
  import copytext_additionalInfo_json from './fixtures/copytext_additionalInfo.json'
5
5
  import copytext_cite_json from './fixtures/copytext_cite.json'
6
6
  import copytext_podcastepisode_json from './fixtures/copytext_podcastepisode.json'
7
+ import copytext_faq_json from './fixtures/copytext_faq.json'
7
8
 
8
9
  const Template = ({ ...args }) => {
9
10
  return copytext({ ...args })
@@ -19,6 +20,12 @@ export const Default = {
19
20
  args: copytext_json,
20
21
  }
21
22
 
23
+ export const WithFAQ = {
24
+ render: Template.bind({}),
25
+ name: 'FAQ',
26
+ args: copytext_faq_json,
27
+ }
28
+
22
29
  export const WithPodcastEpisode = {
23
30
  render: Template.bind({}),
24
31
  name: 'Podcastepisode',
@@ -0,0 +1 @@
1
+ {"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Copytext mit FAQs"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Viele Corona-Maßnahmen in Hessen sind nach und nach weggefallen. Was ist nun erlaubt und was noch nicht? Ein Überblick."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Wo brauche ich noch Corona-Test?","paragraphProperties":[{"faqAnswer":{"split":[{"isText":true,"text":"Es besteht keine Testpflicht mehr. Auch in Krankenhäusern, Alten- und Pflegeheimen sowie Sammelunterkünften muss sich seit dem 1. März niemand mehr testen lassen."},{"isUl":true,"text":"<li>Es besteht keine Testpflicht mehr</li><li>Auch in Krankenhäusern, Alten- und Pflegeheimen</li>"},{"isOl":true,"text":"<li>Es besteht keine Testpflicht mehr</li><li>Auch in Krankenhäusern, Alten- und Pflegeheimen</li>"}]}}]},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Gibt es noch Bürgertests?","paragraphProperties":[{"faqAnswer":{"split":[{"isText":true,"text":"Seit dem 1. März 2023 besteht keine Möglichkeit mehr zur kostenlosen Bürgertestung. Alle Testangebote sind kostenpflichtig."}]}}]},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Wo muss ich Maske tragen?","paragraphProperties":[{"faqAnswer":{"split":[{"isText":true,"text":"Ab dem 8. April 2023 ist die Maskenpflicht in Hessen in allen Bereichen aufgehoben."}]}}]}]}