hr-design-system-handlebars 1.54.1 → 1.54.2

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.54.2 (Tue Feb 06 2024)
+
+#### 🐛 Bug Fix
+
+- introduces content footer component [#826](https://github.com/mumprod/hr-design-system-handlebars/pull/826) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.54.1 (Mon Feb 05 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1740,6 +1740,9 @@ a.link:hover {
 .max-w-\[724px\] {
   max-width: 724px;
 }
+.max-w-\[940px\] {
+  max-width: 940px;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -3302,7 +3305,7 @@ a.link:hover {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1707141285742;
+  counter-reset: cnt1707214594701;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3604,7 +3607,7 @@ a.link:hover {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1707141285742 1;
+  counter-increment: cnt1707214594701 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3620,7 +3623,7 @@ a.link:hover {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1707141285742);
+  content: counter(cnt1707214594701);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if ../../_ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if ../../_ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch ../../_teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~../../_title-adjust_context~}}
     </span>
 {{/components/base/link}}

package/dist/views_static/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~_title~}}
     </span>
 {{/components/base/link}}

package/package.json

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

package/src/assets/fixtures/content/content_footer/content_footer.json

@@ -0,0 +1,15 @@
+{
+    "_showDate": true,
+    "_date": {
+        "htmlDateTime": "2022-10-31T19:30+0200",
+        "htmlDate": "31.10.2022",
+        "date": "31.10.22",
+        "time": "19:30",
+        "dateSeparatorTime": "31.10.22, 19:30"
+    },
+    "_hasDwellTime": true,
+    "_copyright": "All rights reserved",
+    "_source": ["DPA","Wikipedia"],
+    "_author": "Anna Magel",
+    "_isArchiveContent": true
+}

package/src/stories/views/components/content/content_footer/content_footer.mdx

@@ -0,0 +1,32 @@
+import { ArgsTable, Meta, Story, Canvas } from '@storybook/blocks'
+import * as ContentFooterStories from './content_footer.stories'
+
+<Meta of={ContentFooterStories} />
+
+# Copytext
+
+## Beschreibung
+
+Footerbereich des Contents einer Artikelseite oder Einzelseite. 
+
+## Verwendung
+
+Die Content-Footer-Komponente wird in handlebars wie folgt eingebaut:
+
+```html
+{{> components/content/content_footer/content_footer
+        _addCss = ""
+        _source_=this.source
+        _author=this.audioAuthor
+        _showDate=this.hasDwellTime
+        _date=this.airdateDate
+        _copyright=this.copyright
+        _isArchiveContent=this.isArchiveContent
+        _posterCopyright="poster_copyright" }} 
+```
+
+<Canvas withToolbar>
+    <Story of={ContentFooterStories.Default} />
+</Canvas>
+
+<ArgsTable story="default" />

package/src/stories/views/components/content/content_footer/content_footer.stories.js

@@ -0,0 +1,23 @@
+import contentfooter from './content_footer.hbs'
+import contentfooterjson from './fixtures/content_footer.json'
+
+const Template = ({ ...args }) => {
+    return contentfooter({ ...args })
+}
+
+export default {
+    title: 'Komponenten/Content/Content-Footer',
+    decorators: [
+        (Story) => {
+            return `<div class="max-w-[940px]">  
+             ${Story()} 
+             </div>`
+        },
+    ],
+}
+
+export const Default = {
+    render: Template.bind({}),
+    name: 'default',
+    args: contentfooterjson,
+}

package/src/stories/views/components/content/content_footer/fixtures/content_footer.json

@@ -0,0 +1 @@
+{"_showDate":true,"_date":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"_hasDwellTime":true,"_copyright":"All rights reserved","_source":["DPA","Wikipedia"],"_author":"Anna Magel","_isArchiveContent":true}

package/src/stories/views/components/podcast/components/podcast_title.hbs

@@ -1,6 +1,6 @@
 
 {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text dark:text-podcast-text-dark"}}
-    <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
+    <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg","text-base md:text-2xl lg:line-clamp-2"]' ~}}">
         {{~_title-adjust_context~}}
     </span>
 {{/components/base/link}}