hr-design-system-handlebars 1.52.7 → 1.52.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.
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +6 -3
- package/dist/views/components/content/copytext/components/faq.hbs +16 -5
- package/dist/views_static/components/content/copytext/components/faq.hbs +16 -5
- package/package.json +1 -1
- package/src/assets/fixtures/content/copytext/copytext.inc.json +81 -1
- package/src/assets/fixtures/content/copytext/copytext_faq.json +4 -0
- package/src/stories/views/components/content/copytext/components/faq.hbs +16 -5
- package/src/stories/views/components/content/copytext/copytext.stories.js +14 -0
- package/src/stories/views/components/content/copytext/fixtures/copytext_faq.json +1 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.52.9 (Mon Jan 22 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- add decorator for copytext [#810](https://github.com/mumprod/hr-design-system-handlebars/pull/810) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.52.8 (Fri Jan 19 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- add copytext-faq component [#809](https://github.com/mumprod/hr-design-system-handlebars/pull/809) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.52.7 (Fri Jan 19 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1689,6 +1689,9 @@ article.indexText ul {
|
|
|
1689
1689
|
.max-w-\[480px\] {
|
|
1690
1690
|
max-width: 480px;
|
|
1691
1691
|
}
|
|
1692
|
+
.max-w-\[724px\] {
|
|
1693
|
+
max-width: 724px;
|
|
1694
|
+
}
|
|
1692
1695
|
.max-w-full {
|
|
1693
1696
|
max-width: 100%;
|
|
1694
1697
|
}
|
|
@@ -3225,7 +3228,7 @@ article.indexText ul {
|
|
|
3225
3228
|
border-bottom-color: var(--color-secondary-ds);
|
|
3226
3229
|
}
|
|
3227
3230
|
.counter-reset {
|
|
3228
|
-
counter-reset:
|
|
3231
|
+
counter-reset: cnt1705918469534;
|
|
3229
3232
|
}
|
|
3230
3233
|
.hyphens-auto {
|
|
3231
3234
|
-webkit-hyphens: auto;
|
|
@@ -3527,7 +3530,7 @@ article.indexText ul {
|
|
|
3527
3530
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3528
3531
|
}
|
|
3529
3532
|
.-ordered {
|
|
3530
|
-
counter-increment:
|
|
3533
|
+
counter-increment: cnt1705918469534 1;
|
|
3531
3534
|
}
|
|
3532
3535
|
.-ordered::before {
|
|
3533
3536
|
position: absolute;
|
|
@@ -3543,7 +3546,7 @@ article.indexText ul {
|
|
|
3543
3546
|
letter-spacing: .0125em;
|
|
3544
3547
|
--tw-text-opacity: 1;
|
|
3545
3548
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3546
|
-
content: counter(
|
|
3549
|
+
content: counter(cnt1705918469534);
|
|
3547
3550
|
}
|
|
3548
3551
|
/*! ****************************/
|
|
3549
3552
|
/*! DataPolicy stuff */
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{
|
|
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
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{
|
|
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.
|
|
9
|
+
"version": "1.52.9",
|
|
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
|
}
|
|
@@ -1,5 +1,16 @@
|
|
|
1
|
-
{{
|
|
2
|
-
|
|
3
|
-
{{
|
|
4
|
-
|
|
5
|
-
{{
|
|
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 })
|
|
@@ -11,6 +12,13 @@ const Template = ({ ...args }) => {
|
|
|
11
12
|
|
|
12
13
|
export default {
|
|
13
14
|
title: 'Komponenten/Content/Copytext',
|
|
15
|
+
decorators: [
|
|
16
|
+
(Story) => {
|
|
17
|
+
return `<div class="max-w-[724px] mx-auto">
|
|
18
|
+
${Story()}
|
|
19
|
+
</div>`
|
|
20
|
+
},
|
|
21
|
+
],
|
|
14
22
|
}
|
|
15
23
|
|
|
16
24
|
export const Default = {
|
|
@@ -19,6 +27,12 @@ export const Default = {
|
|
|
19
27
|
args: copytext_json,
|
|
20
28
|
}
|
|
21
29
|
|
|
30
|
+
export const WithFAQ = {
|
|
31
|
+
render: Template.bind({}),
|
|
32
|
+
name: 'FAQ',
|
|
33
|
+
args: copytext_faq_json,
|
|
34
|
+
}
|
|
35
|
+
|
|
22
36
|
export const WithPodcastEpisode = {
|
|
23
37
|
render: Template.bind({}),
|
|
24
38
|
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."}]}}]}]}
|