hr-design-system-handlebars 1.40.1 → 1.40.2

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 (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/grid/grid_group_100_item_25.hbs +1 -1
  4. package/dist/views/components/grid/grid_group_100_item_33.hbs +1 -1
  5. package/dist/views/components/grid/grid_group_100_item_50.hbs +1 -1
  6. package/dist/views/components/grid/grid_group_33_item_100.hbs +1 -1
  7. package/dist/views/components/grid/grid_group_50_item_100.hbs +3 -3
  8. package/dist/views/components/grid/grid_group_66_item_100.hbs +1 -1
  9. package/dist/views/components/grid/grid_group_standard.hbs +1 -1
  10. package/dist/views/components/teaser/group_teaser/group_teaser.hbs +2 -2
  11. package/dist/views_static/components/grid/grid_group_100_item_25.hbs +1 -1
  12. package/dist/views_static/components/grid/grid_group_100_item_33.hbs +1 -1
  13. package/dist/views_static/components/grid/grid_group_100_item_50.hbs +1 -1
  14. package/dist/views_static/components/grid/grid_group_33_item_100.hbs +1 -1
  15. package/dist/views_static/components/grid/grid_group_50_item_100.hbs +3 -3
  16. package/dist/views_static/components/grid/grid_group_66_item_100.hbs +1 -1
  17. package/dist/views_static/components/grid/grid_group_standard.hbs +1 -1
  18. package/dist/views_static/components/teaser/group_teaser/group_teaser.hbs +2 -2
  19. package/package.json +1 -1
  20. package/src/assets/fixtures/teaser/teaser_group_25.json +4 -0
  21. package/src/assets/fixtures/teaser/teaser_groups.inc.json +30 -0
  22. package/src/stories/views/components/grid/grid_group_100_item_25.hbs +1 -1
  23. package/src/stories/views/components/grid/grid_group_100_item_33.hbs +1 -1
  24. package/src/stories/views/components/grid/grid_group_100_item_50.hbs +1 -1
  25. package/src/stories/views/components/grid/grid_group_33_item_100.hbs +1 -1
  26. package/src/stories/views/components/grid/grid_group_50_item_100.hbs +3 -3
  27. package/src/stories/views/components/grid/grid_group_66_item_100.hbs +1 -1
  28. package/src/stories/views/components/grid/grid_group_standard.hbs +1 -1
  29. package/src/stories/views/components/teaser/fixtures/teaser_group_25.json +1 -0
  30. package/src/stories/views/components/teaser/group_teaser/group.mdx +1 -0
  31. package/src/stories/views/components/teaser/group_teaser/group.stories.js +6 -0
  32. package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.40.2 (Fri Sep 29 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Fehlende Abstände bei 25% Teasern DPE-2398 [#728](https://github.com/mumprod/hr-design-system-handlebars/pull/728) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
1
13
  # v1.40.1 (Thu Sep 28 2023)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3035,7 +3035,7 @@ video {
3035
3035
  border-bottom-color: var(--color-secondary-ds);
3036
3036
  }
3037
3037
  .counter-reset {
3038
- counter-reset: cnt1695891762036;
3038
+ counter-reset: cnt1695996759812;
3039
3039
  }
3040
3040
  .hyphens-auto {
3041
3041
  -webkit-hyphens: auto;
@@ -3270,7 +3270,7 @@ video {
3270
3270
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3271
3271
  }
3272
3272
  .-ordered {
3273
- counter-increment: cnt1695891762036 1;
3273
+ counter-increment: cnt1695996759812 1;
3274
3274
  }
3275
3275
  .-ordered::before {
3276
3276
  position: absolute;
@@ -3286,7 +3286,7 @@ video {
3286
3286
  letter-spacing: .0125em;
3287
3287
  --tw-text-opacity: 1;
3288
3288
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3289
- content: counter(cnt1695891762036);
3289
+ content: counter(cnt1695996759812);
3290
3290
  }
3291
3291
  /*! ****************************/
3292
3292
  /*! DataPolicy stuff */
package/dist/views/components/grid/grid_group_100_item_25.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="3"}}
4
4
  <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
package/dist/views/components/grid/grid_group_100_item_33.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#>components/grid/grid_group _size="100"}}
2
+ {{#>components/grid/grid_group teaserSize="100"}}
3
3
  {{#>components/grid/grid_item _size="4"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
5
5
  4/12 = 33%
package/dist/views/components/grid/grid_group_100_item_50.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="6"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views/components/grid/grid_group_33_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="33"}}
3
+ {{#>components/grid/grid_group teaserSize="33"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 33%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views/components/grid/grid_group_50_item_100.hbs CHANGED
@@ -1,13 +1,13 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="50"}}
3
+ {{#>components/grid/grid_group teaserSize="50"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>
5
- {{#>components/grid/grid_item _size="6"}}
5
+ {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
7
7
  6/12 = 50%
8
8
  </div>
9
9
  {{/components/grid/grid_item}}
10
- {{#>components/grid/grid_item _size="6"}}
10
+ {{#>components/grid/grid_item _size="12"}}
11
11
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
12
12
  6/12 = 50%
13
13
  </div>
package/dist/views/components/grid/grid_group_66_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="66"}}
3
+ {{#>components/grid/grid_group teaserSize="66"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 66%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views/components/grid/grid_group_standard.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
1
+ <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["gap-x-6","gap-x-6 md:col-span-8","gap-x-6 md:col-span-6","gap-x-6 md:col-span-4","md:col-span-3"]'}}">
2
2
  {{> @partial-block }}
3
3
  </section>
package/dist/views/components/teaser/group_teaser/group_teaser.hbs CHANGED
@@ -6,8 +6,8 @@
6
6
  {{this.groupTitle}}
7
7
  {{~#if this.hasLink}}</a>{{/if~}}
8
8
  </{{if this.headlineTag this.headlineTag "h2"}}>
9
- {{/if}}
10
- <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
9
+ {{/if}}
10
+ <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
11
11
  {{~> components/teaser/teaser_logic/teaser_logic ~}}
12
12
  </div>
13
13
  {{/components/grid/grid_group}}
package/dist/views_static/components/grid/grid_group_100_item_25.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="3"}}
4
4
  <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
package/dist/views_static/components/grid/grid_group_100_item_33.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#>components/grid/grid_group _size="100"}}
2
+ {{#>components/grid/grid_group teaserSize="100"}}
3
3
  {{#>components/grid/grid_item _size="4"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
5
5
  4/12 = 33%
package/dist/views_static/components/grid/grid_group_100_item_50.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="6"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views_static/components/grid/grid_group_33_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="33"}}
3
+ {{#>components/grid/grid_group teaserSize="33"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 33%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views_static/components/grid/grid_group_50_item_100.hbs CHANGED
@@ -1,13 +1,13 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="50"}}
3
+ {{#>components/grid/grid_group teaserSize="50"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>
5
- {{#>components/grid/grid_item _size="6"}}
5
+ {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
7
7
  6/12 = 50%
8
8
  </div>
9
9
  {{/components/grid/grid_item}}
10
- {{#>components/grid/grid_item _size="6"}}
10
+ {{#>components/grid/grid_item _size="12"}}
11
11
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
12
12
  6/12 = 50%
13
13
  </div>
package/dist/views_static/components/grid/grid_group_66_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="66"}}
3
+ {{#>components/grid/grid_group teaserSize="66"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 66%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/dist/views_static/components/grid/grid_group_standard.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
1
+ <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["gap-x-6","gap-x-6 md:col-span-8","gap-x-6 md:col-span-6","gap-x-6 md:col-span-4","md:col-span-3"]'}}">
2
2
  {{> @partial-block }}
3
3
  </section>
package/dist/views_static/components/teaser/group_teaser/group_teaser.hbs CHANGED
@@ -6,8 +6,8 @@
6
6
  {{this.groupTitle}}
7
7
  {{~#if this.hasLink}}</a>{{/if~}}
8
8
  </{{if this.headlineTag this.headlineTag "h2"}}>
9
- {{/if}}
10
- <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
9
+ {{/if}}
10
+ <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
11
11
  {{~> components/teaser/teaser_logic/teaser_logic ~}}
12
12
  </div>
13
13
  {{/components/grid/grid_group}}
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.40.1",
9
+ "version": "1.40.2",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/fixtures/teaser/teaser_group_25.json ADDED
@@ -0,0 +1,4 @@
1
+ {
2
+ "@->jsoninclude": "teaser/teaser_groups.inc.json",
3
+ "@->contentpath": "teaser_25_1_100"
4
+ }
package/src/assets/fixtures/teaser/teaser_groups.inc.json CHANGED
@@ -125,6 +125,36 @@
125
125
  ]
126
126
  }
127
127
  },
128
+ "teaser_25_1_100": {
129
+ "includePath": "components/teaser/group_teaser/group_teaser",
130
+ "includeModel": {
131
+ "hasLink": true,
132
+ "link": "#gruppe1",
133
+ "hasGroupTitle": true,
134
+ "hasGroupItems": true,
135
+ "groupTitle": "Gruppe 25%",
136
+ "teaserSize": "25",
137
+ "realTeaserSize": "25",
138
+ "headlineTag": "h2",
139
+ "isRelatedContent": false,
140
+ "logicItems": [
141
+ {
142
+ "@->jsoninclude": "teaser/teasers.inc.json",
143
+ "@->contentpath": "teaser",
144
+ "@->overrides": [
145
+ {
146
+ "@->contentpath": "logicItem.includeModel.teaserSize",
147
+ "@->value": "100"
148
+ },
149
+ {
150
+ "@->contentpath": "logicItem.includeModel.realTeaserSize",
151
+ "@->value": "25"
152
+ }
153
+ ]
154
+ }
155
+ ]
156
+ }
157
+ },
128
158
  "teaser_3_33": {
129
159
  "includePath": "components/teaser/group_teaser/group_teaser",
130
160
  "includeModel": {
package/src/stories/views/components/grid/grid_group_100_item_25.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="3"}}
4
4
  <div class="flex items-center justify-center text-4xl text-white bg-gray-500 aspect-video">
package/src/stories/views/components/grid/grid_group_100_item_33.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- {{#>components/grid/grid_group _size="100"}}
2
+ {{#>components/grid/grid_group teaserSize="100"}}
3
3
  {{#>components/grid/grid_item _size="4"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
5
5
  4/12 = 33%
package/src/stories/views/components/grid/grid_group_100_item_50.hbs CHANGED
@@ -1,4 +1,4 @@
1
- {{#>components/grid/grid_group _size="100"}}
1
+ {{#>components/grid/grid_group teaserSize="100"}}
2
2
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
3
3
  {{#>components/grid/grid_item _size="6"}}
4
4
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/src/stories/views/components/grid/grid_group_33_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="33"}}
3
+ {{#>components/grid/grid_group teaserSize="33"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 33%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/src/stories/views/components/grid/grid_group_50_item_100.hbs CHANGED
@@ -1,13 +1,13 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="50"}}
3
+ {{#>components/grid/grid_group teaserSize="50"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 50%</h2>
5
- {{#>components/grid/grid_item _size="6"}}
5
+ {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
7
7
  6/12 = 50%
8
8
  </div>
9
9
  {{/components/grid/grid_item}}
10
- {{#>components/grid/grid_item _size="6"}}
10
+ {{#>components/grid/grid_item _size="12"}}
11
11
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
12
12
  6/12 = 50%
13
13
  </div>
package/src/stories/views/components/grid/grid_group_66_item_100.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page">
2
2
  <div class="{{> components/grid/grid_group_wrapper_classes }}">
3
- {{#>components/grid/grid_group _size="66"}}
3
+ {{#>components/grid/grid_group teaserSize="66"}}
4
4
  <h2 class="text-4xl headline--barrier col-span-full">Gruppen 66%</h2>
5
5
  {{#>components/grid/grid_item _size="12"}}
6
6
  <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
package/src/stories/views/components/grid/grid_group_standard.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
1
+ <section class="grid grid-cols-12 items-start bg-white content-start gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["gap-x-6","gap-x-6 md:col-span-8","gap-x-6 md:col-span-6","gap-x-6 md:col-span-4","md:col-span-3"]'}}">
2
2
  {{> @partial-block }}
3
3
  </section>
package/src/stories/views/components/teaser/fixtures/teaser_group_25.json ADDED
@@ -0,0 +1 @@
1
+ {"includePath":"components/teaser/group_teaser/group_teaser","includeModel":{"hasLink":true,"link":"#gruppe1","hasGroupTitle":true,"hasGroupItems":true,"groupTitle":"Gruppe 25%","teaserSize":"25","realTeaserSize":"25","headlineTag":"h2","isRelatedContent":false,"logicItems":[{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"25","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/rueckkehr-nach-abschiebung-102_v-16to9__small.jpg 320w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium.jpg 480w, images/rueckkehr-nach-abschiebung-102_v-16to9__medium__extended.jpg 640w, images/rueckkehr-nach-abschiebung-102_v-16to9.jpg 960w, images/rueckkehr-nach-abschiebung-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcast":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"moreThenOneEvent":false,"moreThenTwoEvents":false,"firstInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Do","day":"9"}},"lastInstant":{"startDate":{"monthNameShort":"APR","weekdayNameShort":"Fr","day":"10"}},"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":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"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/group_teaser/group.mdx CHANGED
@@ -9,6 +9,7 @@ Ein toller Einleitungstext für unsere `Teaser Gruppen` Komponente:
9
9
 
10
10
  <Canvas withToolbar>
11
11
  <Story of={GroupStories.$100GruppeMitUberschrift} />
12
+ <Story of={GroupStories.$25GruppeMitUberschrift} />
12
13
  <Story of={GroupStories.$100GruppeMitUberschriftHighlight1} />
13
14
  <Story of={GroupStories.$100GruppeMitUberschriftHighlight2} />
14
15
  <Story of={GroupStories.$100GruppeMitContentNavigationAufklapp} />
package/src/stories/views/components/teaser/group_teaser/group.stories.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import groupTeaser from './group_teaser.hbs'
2
2
  import groupTeaserAccented from './group_teaser_accented.hbs'
3
3
  import teaserGroup100 from '../fixtures/teaser_group_100.json'
4
+ import teaserGroup25 from '../fixtures/teaser_group_25.json'
4
5
  import teaserGroupRelatedContent100 from '../fixtures/teaser_group_related_content_100.json'
5
6
  import teaserGroup100highlight from '../fixtures/teaser_group_100_highlight.json'
6
7
  import teaserGroup100highlight2 from '../fixtures/teaser_group_100_highlight_2.json'
@@ -59,6 +60,11 @@ export const $100GruppeMitUberschrift = {
59
60
  name: '100% Gruppe mit Überschrift',
60
61
  args: teaserGroup100.includeModel,
61
62
  }
63
+ export const $25GruppeMitUberschrift = {
64
+ render: groupTeaserTemplate.bind({}),
65
+ name: '25% Gruppe mit Überschrift',
66
+ args: teaserGroup25.includeModel,
67
+ }
62
68
 
63
69
  export const $100GruppeMitUberschriftHighlight1 = {
64
70
  render: groupTeaserTemplate.bind({}),
package/src/stories/views/components/teaser/group_teaser/group_teaser.hbs CHANGED
@@ -6,8 +6,8 @@
6
6
  {{this.groupTitle}}
7
7
  {{~#if this.hasLink}}</a>{{/if~}}
8
8
  </{{if this.headlineTag this.headlineTag "h2"}}>
9
- {{/if}}
10
- <div class="grid items-start content-start grid-cols-12 col-span-12 gap-x-6 gap-y-10 md:gap-y-14">
9
+ {{/if}}
10
+ <div class="grid items-start content-start grid-cols-12 col-span-12 gap-y-10 md:gap-y-14{{inline-switch this.teaserSize '["25"]' '[""," gap-x-6"]'}}">
11
11
  {{~> components/teaser/teaser_logic/teaser_logic ~}}
12
12
  </div>
13
13
  {{/components/grid/grid_group}}