hr-design-system-handlebars 0.105.1 → 0.105.3

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v0.105.3 (Mon Dec 12 2022)
+
+#### 🐛 Bug Fix
+
+- Add Story "Standard 33 mit langer Ortsmarke" [#431](https://github.com/mumprod/hr-design-system-handlebars/pull/431) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
+# v0.105.2 (Mon Dec 12 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1803 [#430](https://github.com/mumprod/hr-design-system-handlebars/pull/430) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.105.1 (Mon Dec 12 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -539,29 +539,18 @@ video {
   line-height: 1.5rem;
 }
 .headline-barrier {
-        display: flex;
-        width: 100%;
-        justify-content: center;
+        display: grid;
+        grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
         align-items: center;
         text-align: center;
+        grid-gap: 10px;
+        width: 100%;
     }
 .headline-barrier:before,
     .headline-barrier:after {
-        content: '';
+ 
         border-top: 1px solid;
-        margin: 3px 10px 0 0;
-        flex: 1 0 20px;
-    }
-.headline-barrier:after {
-        margin: 3px 0 0 10px;
-    }
-@media (min-width: 768px) {
-        .headline-barrier:after {
-            margin: 3px 0 0 20px;
-        }
-        .headline-barrier:before {
-            margin: 3px 20px 0 0;
-        }
+        content: '';      
     }
 /* PODCAST SEEK SLIDER*/
 .seek_slider::-webkit-slider-thumb {
@@ -1264,6 +1253,9 @@ video {
 .gap-y-10 {
   row-gap: 2.5rem;
 }
+.gap-y-5 {
+  row-gap: 1.25rem;
+}
 .gap-y-3 {
   row-gap: 0.75rem;
 }
@@ -1271,9 +1263,6 @@ video {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
 }
-.gap-y-5 {
-  row-gap: 1.25rem;
-}
 .gap-y-4 {
   row-gap: 1rem;
 }
@@ -2208,7 +2197,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1670847019998;
+  counter-reset: cnt1670852128278;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2440,7 +2429,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1670847019998 1;
+  counter-increment: cnt1670852128278 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2456,7 +2445,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1670847019998);
+  content: counter(cnt1670852128278);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/grid/grid_group_standard.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "0.105.1",
+    "version": "0.105.3",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "start-storybook -p 6006 public",

package/src/assets/css/custom-components.css

@@ -30,33 +30,20 @@
     .btn--xl {
         @apply px-6 py-3 text-lg;
     }
+
     .headline-barrier {
-        display: flex;
-        width: 100%;
-        justify-content: center;
+        display: grid;
+        grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
         align-items: center;
         text-align: center;
+        grid-gap: 10px;
+        width: 100%;
     }
-
     .headline-barrier:before,
     .headline-barrier:after {
-        content: '';
+ 
         border-top: 1px solid;
-        margin: 3px 10px 0 0;
-        flex: 1 0 20px;
-    }
-
-    .headline-barrier:after {
-        margin: 3px 0 0 10px;
-    }
-
-    @media screen(md) {
-        .headline-barrier:after {
-            margin: 3px 0 0 20px;
-        }
-        .headline-barrier:before {
-            margin: 3px 20px 0 0;
-        }
+        content: '';      
     }
 
     /* PODCAST SEEK SLIDER*/

package/src/assets/fixtures/teaser/teaser_standard_33_long_geotag.json

@@ -0,0 +1,18 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "33"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.geotag",
+            "@->value": [
+                {
+                    "title": "Poppenhausen (Wasserkuppe)"
+                }
+            ]
+        }
+    ]
+}

package/src/stories/views/components/grid/grid_group_standard.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 first:mt-6 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>

package/src/stories/views/components/teaser/fixtures/teaser_standard_33_long_geotag.json

@@ -0,0 +1 @@
+{"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-ds","teaserSize":"33","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":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"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.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Poppenhausen (Wasserkuppe)"}],"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/teaser_standard.stories.mdx

@@ -14,6 +14,7 @@ import teaser100Program from './fixtures/teaser_standard_100_serif_program.json'
 import teaser50Link from './fixtures/teaser_standard_50_serif_link.json'
 import teaser33Link from './fixtures/teaser_standard_33_serif_link.json'
 import teaser25Link from './fixtures/teaser_standard_25_serif_link.json'
+import teaser33LongGeotag from './fixtures/teaser_standard_33_long_geotag.json'
 
 <Meta
     title="Komponenten/Teaser/Standard"
@@ -139,5 +140,8 @@ Die Standard-Teaser-Komponente wird in handlebars wie folgt eingebaut:
     <Story name="Standard 100 Mit Download" args={teaser100Download.logicItem.includeModel}>
         {Template.bind({})}
     </Story>
+    <Story name="Standard 33 mit langer Ortsmarke" args={teaser33LongGeotag.logicItem.includeModel}>
+        {Template.bind({})}
+    </Story>
 </Preview>