hr-design-system-handlebars 1.1.6 → 1.1.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/.github/workflows/chromatic.yml +2 -2
- package/CHANGELOG.md +24 -0
- package/dist/assets/index.css +3 -8
- package/dist/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
- package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/dist/views/components/teaser/teaser_alternativ.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/teaser/teaser_alternative_100_serif_single_event.json +4 -0
- package/src/assets/fixtures/teaser/teaser_alternative_100_serif_two_events.json +4 -0
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_single_event.json +1 -1
- package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_two_events.json +1 -1
- package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/src/stories/views/components/teaser/teaser_alternativ.hbs +1 -1
- package/src/stories/views/components/teaser/teaser_standard_event.stories.mdx +1 -0
|
@@ -26,8 +26,8 @@ jobs:
|
|
|
26
26
|
# 👇 Chromatic projectToken, refer to the manage page to obtain it.
|
|
27
27
|
projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
|
|
28
28
|
exitOnceUploaded: true
|
|
29
|
-
onlyChanged:
|
|
30
|
-
traceChanged:
|
|
29
|
+
onlyChanged: false
|
|
30
|
+
traceChanged: false
|
|
31
31
|
diagnostics: true
|
|
32
32
|
skip: ${{ github.event.pull_request.draft == true }}
|
|
33
33
|
- uses: actions/upload-artifact@v2
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.1.8 (Wed Feb 15 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- DPE-2104 - Event Teaser alternativ ist mobil kaputt [#546](https://github.com/mumprod/hr-design-system-handlebars/pull/546) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.1.7 (Wed Feb 15 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- DPE-2095: padding for tabteaser needs tobe 9.5 so sm:px-9.5 is used [#544](https://github.com/mumprod/hr-design-system-handlebars/pull/544) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.1.6 (Mon Feb 13 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -2656,7 +2656,7 @@ video {
|
|
|
2656
2656
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2657
2657
|
}
|
|
2658
2658
|
.counter-reset {
|
|
2659
|
-
counter-reset:
|
|
2659
|
+
counter-reset: cnt1676475206442;
|
|
2660
2660
|
}
|
|
2661
2661
|
.line-clamp-4 {
|
|
2662
2662
|
overflow: hidden;
|
|
@@ -2890,7 +2890,7 @@ video {
|
|
|
2890
2890
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2891
2891
|
}
|
|
2892
2892
|
.-ordered {
|
|
2893
|
-
counter-increment:
|
|
2893
|
+
counter-increment: cnt1676475206442 1;
|
|
2894
2894
|
}
|
|
2895
2895
|
.-ordered::before {
|
|
2896
2896
|
position: absolute;
|
|
@@ -2906,7 +2906,7 @@ video {
|
|
|
2906
2906
|
letter-spacing: .0125em;
|
|
2907
2907
|
--tw-text-opacity: 1;
|
|
2908
2908
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2909
|
-
content: counter(
|
|
2909
|
+
content: counter(cnt1676475206442);
|
|
2910
2910
|
}
|
|
2911
2911
|
/*! ****************************/
|
|
2912
2912
|
/*! text-shadow */
|
|
@@ -4542,11 +4542,6 @@ video {
|
|
|
4542
4542
|
padding-right: 1rem;
|
|
4543
4543
|
}
|
|
4544
4544
|
|
|
4545
|
-
.md\:px-8 {
|
|
4546
|
-
padding-left: 2rem;
|
|
4547
|
-
padding-right: 2rem;
|
|
4548
|
-
}
|
|
4549
|
-
|
|
4550
4545
|
.md\:pt-4 {
|
|
4551
4546
|
padding-top: 1rem;
|
|
4552
4547
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
x-show="tab === '{{this.groupTitle}}'"
|
|
3
3
|
class="pb-10"
|
|
4
4
|
>
|
|
5
|
-
<div class="grid items-start content-start grid-cols-12 px-0
|
|
5
|
+
<div class="grid items-start content-start grid-cols-12 px-0 sm:px-9.5 colspan-12 gap-x-6 gap-y-6">
|
|
6
6
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
7
7
|
</div>
|
|
8
8
|
{{~#if this.link~}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0{{
|
|
1
|
+
<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}"
|
|
2
2
|
x-data="{ avStart: false }"
|
|
3
3
|
{{#if this.isMobile1to1}}
|
|
4
4
|
:class="avStart ? 'flex-col' : 'flex-row'"
|
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.1.
|
|
9
|
+
"version": "1.1.8",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
"@->contentpath": "logicItem.includeModel.realTeaserSize",
|
|
15
15
|
"@->value": "100"
|
|
16
16
|
},
|
|
17
|
+
{
|
|
18
|
+
"@->contentpath": "logicItem.includeModel.isMobile1to1",
|
|
19
|
+
"@->value": "true"
|
|
20
|
+
},
|
|
17
21
|
{
|
|
18
22
|
"@->contentpath": "logicItem.includeModel.teaserType",
|
|
19
23
|
"@->value": "event-alternative"
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
"@->contentpath": "logicItem.includeModel.realTeaserSize",
|
|
15
15
|
"@->value": "100"
|
|
16
16
|
},
|
|
17
|
+
{
|
|
18
|
+
"@->contentpath": "logicItem.includeModel.isMobile1to1",
|
|
19
|
+
"@->value": "true"
|
|
20
|
+
},
|
|
17
21
|
{
|
|
18
22
|
"@->contentpath": "logicItem.includeModel.teaserType",
|
|
19
23
|
"@->value": "event-alternative"
|
package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_single_event.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Pedro Martins – Sonho Brasileiro","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"event-alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Pedro Martins – Sonho Brasileiro","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"event-alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-14T20:00+0200","htmlDate":"14.10.1983","date":"14.10.22","dateSeparatorTime":"14.10.22, 20:00"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":false,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/pedro-martins-102_v-1to1__small.jpg 380w, images/pedro-martins-102_v-1to1__medium.jpg 480w, images/pedro-martins-102_v-1to1.jpg 720w, images/pedro-martins-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"14.10.22, 20:00 Uhr","bylineText":"BylineText"}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":true,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"OKT","weekdayNameShort":"Fr","day":"14"}},"lastInstant":{"startDate":{"monthNameShort":"OKT","weekdayNameShort":"Sa","day":"15"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Im Jahr 2015 gewann Pedro Martins den 1. Preis beim Gitarrenwettbewerb des renommierten Montreux Jazz Festivals – ein Erfolg, der zu einer musikalischen Freundschaft und Tourneen mit dem Gitarristen Kurt Rosenwinkel führte. Nun kommt er mit seinen eigenen Songs zur hr-Bigband und würzt die Arrangements von Jim McNeely mit einer ordentlichen Prise brasilianischem Lebensgefühl!","sophoraId":",pedro-martins-104","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
|
package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_two_events.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Pedro Martins – Sonho Brasileiro","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"event-alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":
|
|
1
|
+
{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Pedro Martins – Sonho Brasileiro","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"event-alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-10-14T20:00+0200","htmlDate":"14.10.1983","date":"14.10.22","dateSeparatorTime":"14.10.22, 20:00"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":false,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/pedro-martins-102_v-1to1__small.jpg 380w, images/pedro-martins-102_v-1to1__medium.jpg 480w, images/pedro-martins-102_v-1to1.jpg 720w, images/pedro-martins-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"14.10.22, 20:00 Uhr","bylineText":"BylineText"}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":true,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":"true","moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"OKT","weekdayNameShort":"Fr","day":"14"}},"lastInstant":{"startDate":{"monthNameShort":"OKT","weekdayNameShort":"Sa","day":"15"}},"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Im Jahr 2015 gewann Pedro Martins den 1. Preis beim Gitarrenwettbewerb des renommierten Montreux Jazz Festivals – ein Erfolg, der zu einer musikalischen Freundschaft und Tourneen mit dem Gitarristen Kurt Rosenwinkel führte. Nun kommt er mit seinen eigenen Songs zur hr-Bigband und würzt die Arrangements von Jim McNeely mit einer ordentlichen Prise brasilianischem Lebensgefühl!","sophoraId":",pedro-martins-104","profiles":"","teaserLead":{"avDocument":"","image":""},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}}}}}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
x-show="tab === '{{this.groupTitle}}'"
|
|
3
3
|
class="pb-10"
|
|
4
4
|
>
|
|
5
|
-
<div class="grid items-start content-start grid-cols-12 px-0
|
|
5
|
+
<div class="grid items-start content-start grid-cols-12 px-0 sm:px-9.5 colspan-12 gap-x-6 gap-y-6">
|
|
6
6
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
7
7
|
</div>
|
|
8
8
|
{{~#if this.link~}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0{{
|
|
1
|
+
<article class="items-start relative col-span-12 flex md:flex-row gap-y-3 gap-x-4 md:gap-x-6 sm:px-0{{~inline-switch this.teaserSize '["hero","100","50"]' '[" flex-col"," px-5 md:flex-row"," md:col-span-6 px-5 md:flex-row"]'~}}"
|
|
2
2
|
x-data="{ avStart: false }"
|
|
3
3
|
{{#if this.isMobile1to1}}
|
|
4
4
|
:class="avStart ? 'flex-col' : 'flex-row'"
|