hr-design-system-handlebars 1.50.24 → 1.50.26

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.50.26 (Fri Dec 01 2023)
+
+#### 🐛 Bug Fix
+
+- - fixed hover colors in structurNav [#775](https://github.com/mumprod/hr-design-system-handlebars/pull/775) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.50.25 (Thu Nov 30 2023)
+
+#### 🐛 Bug Fix
+
+- add cite-component [#774](https://github.com/mumprod/hr-design-system-handlebars/pull/774) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.50.24 (Thu Nov 30 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/_default/conf/locatags.json

@@ -122,6 +122,9 @@
     "share_whatsapp_linktitle": "Bei Whatsapp teilen",
     "share_print_linktitle": "Seite ausdrucken",
     "social_media_links_text": "Folgen Sie mir:",
+    "story_cite_author_sr": "Zitat von",
+    "story_cite_intro_sr": "Zitat",
+    "story_cite_outro_sr": "Zitat Ende",
     "story_program_supplier": "Thema in",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
     "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/dist/assets/index.css

@@ -3198,7 +3198,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1701359004619;
+  counter-reset: cnt1701420746137;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3459,7 +3459,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1701359004619 1;
+  counter-increment: cnt1701420746137 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3475,7 +3475,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1701359004619);
+  content: counter(cnt1701420746137);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4330,7 +4330,7 @@ article.indexText ul {
     --color-button: #333333;
     --color-button--dark: #007396;
     --color-button-inverted: #ffffff;
-    --color-button-inverted--dark: #007396;
+    --color-button-inverted--dark: #d4d4d4;
     --color-button-disabled: #d4d4d4;
     --color-button-disabled--dark: #797979;
  
@@ -4948,9 +4948,17 @@ article.indexText ul {
   fill: #276b9e;
   fill: var(--color-media-button);
 }
+.hover\:fill-structure-nav-text-mobile:hover {
+  fill: #005293;
+  fill: var(--structure-nav-text-mobile);
+}
 .hover\:text-button--dark:hover {
   color: var(--color-button--dark);
 }
+.hover\:text-structure-nav-text-mobile:hover {
+  color: #005293;
+  color: var(--structure-nav-text-mobile);
+}
 .hover\:text-toplineColor:hover {
   color: #006dc1;
   color: var(--color-topline);
@@ -5662,6 +5670,10 @@ article.indexText ul {
     grid-column: span 9 / span 9;
   }
 
+  .md\:float-left {
+    float: left;
+  }
+
   .md\:m-3 {
     margin: 0.75rem;
   }
@@ -5700,6 +5712,10 @@ article.indexText ul {
     margin-bottom: 0.75rem;
   }
 
+  .md\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
+
   .md\:mb-8 {
     margin-bottom: 2rem;
   }
@@ -5712,6 +5728,10 @@ article.indexText ul {
     margin-left: 1rem;
   }
 
+  .md\:ml-6 {
+    margin-left: 1.5rem;
+  }
+
   .md\:mr-5 {
     margin-right: 1.25rem;
   }

package/dist/views/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>

package/dist/views/components/content/copytext/components/cite.hbs

@@ -1,20 +1,16 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Cite-component</div>
-{{~else~}}
-    <div class="{{#if this.paragraphProperties.[0].showFullSize }}copytext__clearBox {{else}}copytext__box{{/if}}">
-        {{~> base/a11y/hiddenText _locaTag="story_cite_intro_sr" ~}}
-        <blockquote class="cite copytext__cite">
-            <cite class="cite__text">„{{{this.text}}}“</cite>
-            {{#with this.paragraphProperties}}
-                {{#with this.[0]}}
-                    {{#with this.citeAuthor}}
-                        <span class="cite__author">
-                            {{~> base/a11y/hiddenText _locaTag="story_cite_author_sr" ~}}
-                            {{this}}</span>
-                    {{/with}}
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}clear-both mt-7{{else}}mr-0 md:mr-5 mb-0 md:mb-7 mt-7 w-full md:w-1/2 md:float-left{{/if}}">
+    <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
+    <blockquote class="">
+        <cite class="block text-base italic font-bold font-headingSerif md:ml-6 sm480:text-lg dark:text-text-dark">„{{{this.text}}}“</cite>
+        {{#with this.paragraphProperties}}
+            {{#with this.[0]}}
+                {{#with this.citeAuthor}}
+                    <span class="block md:ml-6 italic mt-2.5 font-headingSerif text-sm text-gray-scorpion">
+                        <span class="sr-only">{{loca "story_cite_author_sr" }}</span>
+                        {{this}}</span>
                 {{/with}}
             {{/with}}
-        </blockquote>
-        {{~> base/a11y/hiddenText _locaTag="story_cite_outro_sr" ~}}
-    </div>
-{{~/if~}} 
+        {{/with}}
+    </blockquote>
+    <span class="sr-only">{{loca "story_cite_outro_sr" }}</span>
+</div>

package/dist/views_static/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>

package/dist/views_static/components/content/copytext/components/cite.hbs

@@ -1,20 +1,16 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Cite-component</div>
-{{~else~}}
-    <div class="{{#if this.paragraphProperties.[0].showFullSize }}copytext__clearBox {{else}}copytext__box{{/if}}">
-        {{~> base/a11y/hiddenText _locaTag="story_cite_intro_sr" ~}}
-        <blockquote class="cite copytext__cite">
-            <cite class="cite__text">„{{{this.text}}}“</cite>
-            {{#with this.paragraphProperties}}
-                {{#with this.[0]}}
-                    {{#with this.citeAuthor}}
-                        <span class="cite__author">
-                            {{~> base/a11y/hiddenText _locaTag="story_cite_author_sr" ~}}
-                            {{this}}</span>
-                    {{/with}}
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}clear-both mt-7{{else}}mr-0 md:mr-5 mb-0 md:mb-7 mt-7 w-full md:w-1/2 md:float-left{{/if}}">
+    <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
+    <blockquote class="">
+        <cite class="block text-base italic font-bold font-headingSerif md:ml-6 sm480:text-lg dark:text-text-dark">„{{{this.text}}}“</cite>
+        {{#with this.paragraphProperties}}
+            {{#with this.[0]}}
+                {{#with this.citeAuthor}}
+                    <span class="block md:ml-6 italic mt-2.5 font-headingSerif text-sm text-gray-scorpion">
+                        <span class="sr-only">{{loca "story_cite_author_sr" }}</span>
+                        {{this}}</span>
                 {{/with}}
             {{/with}}
-        </blockquote>
-        {{~> base/a11y/hiddenText _locaTag="story_cite_outro_sr" ~}}
-    </div>
-{{~/if~}} 
+        {{/with}}
+    </blockquote>
+    <span class="sr-only">{{loca "story_cite_outro_sr" }}</span>
+</div>

package/package.json

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

package/src/assets/brand/_default/conf/locatags.json

@@ -122,6 +122,9 @@
     "share_whatsapp_linktitle": "Bei Whatsapp teilen",
     "share_print_linktitle": "Seite ausdrucken",
     "social_media_links_text": "Folgen Sie mir:",
+    "story_cite_author_sr": "Zitat von",
+    "story_cite_intro_sr": "Zitat",
+    "story_cite_outro_sr": "Zitat Ende",
     "story_program_supplier": "Thema in",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
     "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/brand/you-fm/conf/locatags.merged.json

@@ -122,6 +122,9 @@
 	"share_whatsapp_linktitle": "Bei Whatsapp teilen",
 	"share_print_linktitle": "Seite ausdrucken",
 	"social_media_links_text": "Folgen Sie mir:",
+	"story_cite_author_sr": "Zitat von",
+	"story_cite_intro_sr": "Zitat",
+	"story_cite_outro_sr": "Zitat Ende",
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",

package/src/assets/fixtures/content/copytext/copytext.inc.json

@@ -40,13 +40,7 @@
                             "text": "Nach Informationen der Rhein-Zeitung soll es im Frühjahr 2022 einen Zwischenfall an der Schule gegeben haben. Der heute 18-Jährige soll demnach einen Mitschüler beschimpft und nach einer verbalen Auseinandersetzung mit einer Flasche geschlagen haben."
                         }
                     ]   
-                },
-                "paragraphBoxItem": {
-                    "isImage": true,
-                    "showFullSize": {
-                        "isTrue": true
-                    }
-                }                 
+                }
             },
             {
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
@@ -68,17 +62,46 @@
             {
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
                 "isCite": true,
-                "text": "Dies ist ein Zitat"
+                "text":"Dies ist ein Zitat. Es wird über die volle Breite angezeigt.",
+                "paragraphProperties": [
+                    {
+                        "showFullSize":true,
+                        "citeAuthor":"Horst Schlemmer"
+                    }
+                ]
             },
             {
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
-                "isInfoBox": true,
-                "text": "Dies ist eine Infobox"
+                "isCite": true,
+                "text":"Dies ist ein Zitat. Es wird über die halbe Breite angezeigt.",
+                "paragraphProperties": [
+                    {
+                        "showFullSize":false,
+                        "citeAuthor":"Horst Schlemmer"
+                    }
+                ]
             },
             {
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
-                "isAdditionalInfo": true,
-                "text": "Dies ist eine additional Info"
+                "isParagraph": true,
+                "text": {
+                    "split": [
+                        {
+                            "isText": true,
+                            "text": "Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet. Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde."
+                        }
+                    ]   
+                }                  
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isHeadline": true,
+                "text": "Weitere Absatztypen"
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isInfoBox": true,
+                "text": "Dies ist eine Infobox"
             },
             {
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
@@ -94,6 +117,11 @@
                 "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
                 "isJobposting": true,
                 "text": "Dies ist ein Jobposting"
+            },
+            {
+                "structuredDataSsi": "<!--#include virtual='structuredDataSsiPath' -->",
+                "isAdditionalInfo": true,
+                "text": "Dies ist eine additional Info"
             }
         ]
     },

package/src/assets/tailwind.css

@@ -776,7 +776,7 @@
     --color-button: theme('colors.gray.darker');
     --color-button--dark: theme('colors.blue.blueLuxury');
     --color-button-inverted: theme('colors.white.DEFAULT');
-    --color-button-inverted--dark: theme('colors.blue.blueLuxury');
+    --color-button-inverted--dark: theme('colors.gray.lightGray');
     --color-button-disabled: theme('colors.gray.lightGray');
     --color-button-disabled--dark: theme('colors.gray.boulder');
  

package/src/stories/views/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>

package/src/stories/views/components/content/copytext/components/cite.hbs

@@ -1,20 +1,16 @@
-{{~#if (isStorybook)~}}
-    <div class="mt-6 italic text-gray-dark">coming soon: Cite-component</div>
-{{~else~}}
-    <div class="{{#if this.paragraphProperties.[0].showFullSize }}copytext__clearBox {{else}}copytext__box{{/if}}">
-        {{~> base/a11y/hiddenText _locaTag="story_cite_intro_sr" ~}}
-        <blockquote class="cite copytext__cite">
-            <cite class="cite__text">„{{{this.text}}}“</cite>
-            {{#with this.paragraphProperties}}
-                {{#with this.[0]}}
-                    {{#with this.citeAuthor}}
-                        <span class="cite__author">
-                            {{~> base/a11y/hiddenText _locaTag="story_cite_author_sr" ~}}
-                            {{this}}</span>
-                    {{/with}}
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}clear-both mt-7{{else}}mr-0 md:mr-5 mb-0 md:mb-7 mt-7 w-full md:w-1/2 md:float-left{{/if}}">
+    <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
+    <blockquote class="">
+        <cite class="block text-base italic font-bold font-headingSerif md:ml-6 sm480:text-lg dark:text-text-dark">„{{{this.text}}}“</cite>
+        {{#with this.paragraphProperties}}
+            {{#with this.[0]}}
+                {{#with this.citeAuthor}}
+                    <span class="block md:ml-6 italic mt-2.5 font-headingSerif text-sm text-gray-scorpion">
+                        <span class="sr-only">{{loca "story_cite_author_sr" }}</span>
+                        {{this}}</span>
                 {{/with}}
             {{/with}}
-        </blockquote>
-        {{~> base/a11y/hiddenText _locaTag="story_cite_outro_sr" ~}}
-    </div>
-{{~/if~}} 
+        {{/with}}
+    </blockquote>
+    <span class="sr-only">{{loca "story_cite_outro_sr" }}</span>
+</div>

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

@@ -1 +1 @@
-{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Speichermedien sowie Waffen und Munition sichergestellt"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"In der rund 1.200 Einwohner großen Gemeinde Waldbrunn, rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt, engagiert sich der 18-Jährige nach hr-Informationen bei der Freiwilligen Feuerwehr. Der Ortsvorsteher aus Waldbrunn beschrieb den Terrorverdächtigen als zurückhaltend, höflich und hilfsbereit."},{"isUl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"},{"isOl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Nach der Festnahme in der vergangenen Woche hätten bereits Gespräche mit Mitschülerinnen und Mitschülern des 18 Jahre alten Oberstufenschülers stattgefunden. Auch die Eltern seien in Kenntnis gesetzt worden, sagte der Schulleiter."},{"isText":true,"text":"Nach Informationen der Rhein-Zeitung soll es im Frühjahr 2022 einen Zwischenfall an der Schule gegeben haben. Der heute 18-Jährige soll demnach einen Mitschüler beschimpft und nach einer verbalen Auseinandersetzung mit einer Flasche geschlagen haben."}]},"paragraphBoxItem":{"isImage":true,"showFullSize":{"isTrue":true}}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Medienbericht: Flaschenangriff auf Mitschüler"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isCite":true,"text":"Dies ist ein Zitat"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isInfoBox":true,"text":"Dies ist eine Infobox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isAdditionalInfo":true,"text":"Dies ist eine additional Info"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Dies ist eine Downloadbox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Dies ist ein FAQ-Absatz"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isJobposting":true,"text":"Dies ist ein Jobposting"}]}
+{"copytextParagraph":[{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Speichermedien sowie Waffen und Munition sichergestellt"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"In der rund 1.200 Einwohner großen Gemeinde Waldbrunn, rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt, engagiert sich der 18-Jährige nach hr-Informationen bei der Freiwilligen Feuerwehr. Der Ortsvorsteher aus Waldbrunn beschrieb den Terrorverdächtigen als zurückhaltend, höflich und hilfsbereit."},{"isUl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"},{"isOl":true,"text":"<li>In der rund 1.200 Einwohner großen Gemeinde Waldbrunn</li><li>rund 13 Kilometer vom rheinland-pfälzischen Westerburg entfernt</li>"}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Nach der Festnahme in der vergangenen Woche hätten bereits Gespräche mit Mitschülerinnen und Mitschülern des 18 Jahre alten Oberstufenschülers stattgefunden. Auch die Eltern seien in Kenntnis gesetzt worden, sagte der Schulleiter."},{"isText":true,"text":"Nach Informationen der Rhein-Zeitung soll es im Frühjahr 2022 einen Zwischenfall an der Schule gegeben haben. Der heute 18-Jährige soll demnach einen Mitschüler beschimpft und nach einer verbalen Auseinandersetzung mit einer Flasche geschlagen haben."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Medienbericht: Flaschenangriff auf Mitschüler"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isCite":true,"text":"Dies ist ein Zitat. Es wird über die volle Breite angezeigt.","paragraphProperties":[{"showFullSize":true,"citeAuthor":"Horst Schlemmer"}]},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isCite":true,"text":"Dies ist ein Zitat. Es wird über die halbe Breite angezeigt.","paragraphProperties":[{"showFullSize":false,"citeAuthor":"Horst Schlemmer"}]},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isParagraph":true,"text":{"split":[{"isText":true,"text":"Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde. Die Eltern hätten daraufhin Anzeige erstattet – eine hr-Anfrage an die zuständige Polizei blieb bislang unbeantwortet. Der Mitschüler erlitt dem Bericht zufolge eine Schienbeinprellung und eine kleine Schnittwunde."}]}},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isHeadline":true,"text":"Weitere Absatztypen"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isInfoBox":true,"text":"Dies ist eine Infobox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isDownloadBox":true,"text":"Dies ist eine Downloadbox"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isFAQ":true,"text":"Dies ist ein FAQ-Absatz"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isJobposting":true,"text":"Dies ist ein Jobposting"},{"structuredDataSsi":"<!--#include virtual='structuredDataSsiPath' -->","isAdditionalInfo":true,"text":"Dies ist eine additional Info"}]}