hr-design-system-handlebars 1.10.0 → 1.11.0

package/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 #### 🚀 Enhancement
 
+- Dpe 1605 [#590](https://github.com/mumprod/hr-design-system-handlebars/pull/590) ([@Paul-Atreidis](https://github.com/Paul-Atreidis) [@mariokinzel](https://github.com/mariokinzel))
 - Documentation for Teaser-Heading [#589](https://github.com/mumprod/hr-design-system-handlebars/pull/589) ([@Paul-Atreidis](https://github.com/Paul-Atreidis) [@mariokinzel](https://github.com/mariokinzel))
 
 #### Authors: 2

package/dist/assets/index.css

@@ -2667,7 +2667,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1679312520830;
+  counter-reset: cnt1679312597784;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2901,7 +2901,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1679312520830 1;
+  counter-increment: cnt1679312597784 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2917,7 +2917,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1679312520830);
+  content: counter(cnt1679312597784);
 }
 /*! ****************************/
 /*! text-shadow                */

package/package.json

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

package/src/stories/views/components/teaser/components/teaser_text.stories.mdx

@@ -1,6 +1,6 @@
-import { ArgsTable, Meta, Story, Preview } from '@storybook/addon-docs'
+import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
 
-import teaserTextComponent from './teaser_text.hbs'
+import teaserText from './teaser_text.hbs'
 
 <Meta
     title="Komponenten/Teaser/Komponenten/Teasertext"
@@ -22,36 +22,73 @@ import teaserTextComponent from './teaser_text.hbs'
 />
 
 export const Template = ({ _text, ...args }) => {
-    return teaserTextComponent({ _text, ...args })
+    return teaserText({ _text, ...args })
 }
 
-# teaserText
+# Teaser-Text
 
-Beispiele für die teaserText-Komponente:
+Im Teaser folgt nach dem Heading der Text. Diesem beigefügt ein "Mehr"-Link oder ein Link auf eine externe Seite.
 
-<Preview withToolbar>
+# Teil-Komponenten
+N/A
+
+## Teaser-Text Hero
+<Canvas>
     <Story
-        name="Teasertext"
+        name="Teasertext Hero"
         args={{
-            _text: 'Dies ist der Teasertext eines normalen Teasers',
+            _text: 'Woibbadinga i moan scho aa hallelujah sog i, luja, boarischer. Wiesn resch ja, wo samma denn etza, resch. Auffisteign a Hoiwe woaß, koa. Leonhardifahrt Weißwiaschd Baamwach hob liberalitas Bavariae ham hogg di hera.',
+            _size: 'hero',
+            _font: 'md:text-base md:leading-4 lg:leading-5',
+        }}
+    >
+        {Template.bind({})}
+    </Story>
+</Canvas>
+
+## Teaser-Text 50%
+
+<Canvas>
+    <Story
+        name="Teasertext 50"
+        args={{
+            _text: 'Woibbadinga i moan scho aa hallelujah sog i, luja, boarischer. Wiesn resch ja, wo samma denn etza, resch. Auffisteign a Hoiwe woaß, koa. Leonhardifahrt Weißwiaschd Baamwach hob liberalitas Bavariae ham hogg di hera.',
             _size: '50',
+            _font: 'md:text-base md:leading-4 lg:leading-5',
         }}
     >
         {Template.bind({})}
     </Story>
+</Canvas>
+
+## Teaser-Text 33%
+
+<Canvas>
     <Story
-        name="Teasertext Hero-Teaser"
+        name="Teasertext 33"
         args={{
-            _text: 'Dies ist der Teasertext eines Hero-Teasers',
-            _size: 'hero',
+            _text: 'Woibbadinga i moan scho aa hallelujah sog i, luja, boarischer. Wiesn resch ja, wo samma denn etza, resch. Auffisteign a Hoiwe woaß, koa. Leonhardifahrt Weißwiaschd Baamwach hob liberalitas Bavariae ham hogg di hera.',
+            _size: '33',
             _font: 'md:text-base md:leading-4 lg:leading-5',
         }}
-        parameters={{
-            controls: {
-                exclude: ['size'],
-            },
+    >
+        {Template.bind({})}
+    </Story>
+</Canvas>
+
+## Teaser-Text 25%
+
+<Canvas>
+    <Story
+        name="Teasertext 25"
+        args={{
+            _text: 'Woibbadinga i moan scho aa hallelujah sog i, luja, boarischer. Wiesn resch ja, wo samma denn etza, resch. Auffisteign a Hoiwe woaß, koa. Leonhardifahrt Weißwiaschd Baamwach hob liberalitas Bavariae ham hogg di hera.',
+            _size: '25',
+            _font: 'md:text-base md:leading-4 lg:leading-5',
         }}
     >
         {Template.bind({})}
     </Story>
-</Preview>
+</Canvas>
+
+