hr-design-system-handlebars 1.1.7 → 1.1.9

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.1.9 (Wed Feb 15 2023)
+
+#### 🐛 Bug Fix
+
+- Feature/dpe 2073 [#545](https://github.com/mumprod/hr-design-system-handlebars/pull/545) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.1.8 (Wed Feb 15 2023)
+
+#### 🐛 Bug Fix
+
+- DPE-2104 - Event Teaser alternativ ist mobil kaputt [#546](https://github.com/mumprod/hr-design-system-handlebars/pull/546) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.1.7 (Wed Feb 15 2023)
 
 #### 🐛 Bug Fix

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

@@ -86,6 +86,10 @@
     "label_small-art": "Kleinkunst",
     "label_sports": "Sport",
     "label_talk": "Talk",
+    "livestream_has_played": "Beendet",
+    "livestream_plays": "Jetzt live",
+    "livestream_will_play": "Startet am {0}",
+    "livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",

package/dist/assets/index.css

@@ -1136,10 +1136,6 @@ video {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
 }
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
 .mx-1\.5 {
   margin-left: 0.375rem;
   margin-right: 0.375rem;
@@ -1252,9 +1248,6 @@ video {
 .mt-2\.5 {
   margin-top: 0.625rem;
 }
-.-mb-1 {
-  margin-bottom: -0.25rem;
-}
 .mb-8 {
   margin-bottom: 2rem;
 }
@@ -1812,7 +1805,7 @@ video {
 }
 .border-primary {
   border-color: #005293;
-  border-color: var(--color-primary);
+  border-color: var(--color-primary-ds);
 }
 .border-event-calendar-secondary {
   border-color: #797979;
@@ -1960,9 +1953,9 @@ video {
   background-color: #006eb7;
   background-color: var(--color-podcast-text);
 }
-.bg-stageTextBox {
-  background-color: #006eb7;
-  background-color: var(--color-stage-text-box);
+.bg-stageTextBox\/85 {
+  background-color: rgba(0, 110, 183, .85);
+  background-color: rgb(var(--color-stage-text-box) / .85);
 }
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
@@ -2433,6 +2426,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
+.text-byline {
+  color: #606060;
+  color: var(--color-byline);
+}
 .text-grey-scorpion {
   --tw-text-opacity: 1;
   color: rgba(96, 96, 96, var(--tw-text-opacity));
@@ -2453,6 +2450,9 @@ video {
   --tw-text-opacity: 1 !important;
   color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
 }
+.text-inherit {
+  color: inherit;
+}
 .text-link {
   color: #006eb7;
   color: var(--color-link);
@@ -2540,9 +2540,6 @@ video {
 .opacity-80 {
   opacity: 0.8;
 }
-.opacity-85 {
-  opacity: .85;
-}
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -2656,7 +2653,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1676457656030;
+  counter-reset: cnt1676488696996;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2890,7 +2887,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1676457656030 1;
+  counter-increment: cnt1676488696996 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2906,7 +2903,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1676457656030);
+  content: counter(cnt1676488696996);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -2957,8 +2954,8 @@ video {
 /*! purgecss start ignore */
 :root,
 [data-theme='default'] {
-    --color-primary: #005293;
-    --color-secondary: #606060;
+    --color-primary-ds: #005293;
+    --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
@@ -2990,14 +2987,14 @@ video {
     --color-event-status: #cc1a14;
     /* Eventkalender */
     --color-label-event-calendar-title: #097d8e;
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     --color-eventcalendar-secondary: #797979;
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
     --color-link: #006eb7;
     /* Stage */
-    --color-stage-text-box: #006eb7;
+    --color-stage-text-box: 0 110 183;
     --color-stage-text: #ffffff;
     --color-stage-primary: #006eb7;
     --color-stage-link: var('--color-link');
@@ -3007,16 +3004,18 @@ video {
     --color-cluster-teaser-link: #006dc1;
     --color-cluster-teaser-headline: #005293;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
     --color-button-hollow: #006dc1;
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #006dc1;
     --color-podcast-text: var(--color-link);
+    /* Byline */
+    --color-byline: #606060;
     /* Font */
     --font-title: RobotoCond, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
     --font-weight-title: 700;
@@ -3026,8 +3025,8 @@ video {
     --border-radius-hr: 0px;
 }
 [data-theme='hessenschau'] {
-    --color-primary: #005293;
-    --color-secondary: #606060;
+    --color-primary-ds: #005293;
+    --color-secondary-ds: #606060;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
@@ -3052,7 +3051,7 @@ video {
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: #006dc1;
     /* Subline */
@@ -3060,7 +3059,7 @@ video {
     /* Link */
     --color-link: #006dc1;
     /*Stage */
-    --color-stage-text-box: #433d37;
+    --color-stage-text-box: 67 61 55;
     --color-stage-primary: #005293;
     --color-stage-text: #ffffff;
     --color-stage-link: #ffffff;
@@ -3070,13 +3069,13 @@ video {
     --color-cluster-teaser-link: #006dc1;
     --color-cluster-teaser-headline: #005293;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
     --color-button-hollow: #006dc1;
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #006dc1;
     --color-podcast-text: var(--color-link);
@@ -3090,8 +3089,8 @@ video {
     --border-radius-hr: 1.5rem;
 }
 [data-theme='hr-fernsehen'] {
-    --color-primary: #a00d65;
-    --color-secondary: #007179;
+    --color-primary-ds: #a00d65;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #eaeded;
     --color-highlight-2: #d34600;
 
@@ -3112,7 +3111,7 @@ video {
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: #a00d65;
     /* Subline */
@@ -3120,7 +3119,7 @@ video {
     /* Link */
     --color-link: #a00d65;
     /* Stage */
-    --color-stage-text-box: #eaeded;
+    --color-stage-text-box: 234 237 237;
     --color-stage-text: #000000;
     --color-stage-primary: #6d0041;
     --color-stage-link: var(--color-link);
@@ -3128,13 +3127,13 @@ video {
     --color-cluster-teaser-link: #a00d65;
     --color-cluster-teaser-headline: #6d0041;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
     --color-button-hollow: #a00d65;
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #a00d65;
     --color-podcast-text: var(--color-link);
@@ -3144,8 +3143,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr-inforadio'] {
-    --color-primary: #276b9e;
-    --color-secondary: #007179;
+    --color-primary-ds: #276b9e;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #e5edf1;
     --color-highlight-2: #d34600;
 
@@ -3166,7 +3165,7 @@ video {
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: #276b9e;
     /* Subline */
@@ -3174,20 +3173,20 @@ video {
     /* Link */
     --color-link: #276b9e;
     /* Stage */
-    --color-stage-text-box: #00375d;
+    --color-stage-text-box: 0 55 93;
     --color-stage-primary: #00375d;
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
-    --color-cluster-teaser-link: var(--color-primary);
+    --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #00375d;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
     --color-button-hollow: #276b9e;
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #276b9e;
     --color-podcast-text: var(--color-link);
@@ -3197,8 +3196,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr-rundfunkrat'] {
-    --color-primary: #606060;
-    --color-secondary: #007179;
+    --color-primary-ds: #606060;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
@@ -3229,7 +3228,7 @@ video {
     /* Link */
     --color-link: #006eb7;
     /* Stage */
-    --color-stage-text-box: #006eb7;
+    --color-stage-text-box: 0 110 183;
     --color-stage-primary: #006eb7;
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
@@ -3252,8 +3251,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr-werbung'] {
-    --color-primary: #006eb7;
-    --color-secondary: #007179;
+    --color-primary-ds: #006eb7;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
@@ -3282,22 +3281,22 @@ video {
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
-    --color-link: var(--color-primary);
+    --color-link: var(--color-primary-ds);
     /* Stage */
-    --color-stage-text-box: var(--color-primary);
-    --color-stage-primary: var(--color-primary);
+    --color-stage-text-box: 0 110 183;
+    --color-stage-primary: var(--color-primary-ds);
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
-    --color-cluster-teaser-link: var(--color-primary);
+    --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #005293;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
-    --color-button-hollow: var(--color-primary);
+    --color-button-hollow: var(--color-primary-ds);
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: #006eb7;
     --color-podcast-text: var(--color-link);
@@ -3307,8 +3306,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr-sinfonieorchester'] {
-    --color-primary: #8d2725;
-    --color-secondary: #007179;
+    --color-primary-ds: #8d2725;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
 
@@ -3329,7 +3328,7 @@ video {
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: rgba(171,47,45,1);
     /* Subline */
@@ -3337,12 +3336,12 @@ video {
     /* Link */
     --color-link: rgba(171,47,45,1);
     /* Stage */
-    --color-stage-text-box: var(--color-primary);
-    --color-stage-primary: var(--color-primary);
+    --color-stage-text-box: 141 39 37;
+    --color-stage-primary: var(--color-primary-ds);
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
     --color-cluster-teaser-link: rgba(171,47,45,1);
-    --color-cluster-teaser-headline: var(--color-primary);
+    --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
     --color-button: rgba(171,47,45,1);
     --color-button-inverted: #ffffff;
@@ -3360,8 +3359,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr-bigband'] {
-    --color-primary: #00646f;
-    --color-secondary: #007179;
+    --color-primary-ds: #00646f;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #eaf5f7;
     --color-highlight-2: #d34600;
 
@@ -3382,7 +3381,7 @@ video {
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: rgba(0,122,124,1);
     /* Subline */
@@ -3390,12 +3389,12 @@ video {
     /* Link */
     --color-link: rgba(0,122,124,1);
     /* Stage */
-    --color-stage-text-box: #433d37;
+    --color-stage-text-box: 67 61 55;
     --color-stage-primary: #00646f;
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
     --color-cluster-teaser-link: rgba(0,122,124,1);
-    --color-cluster-teaser-headline: var(--color-primary);
+    --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
     --color-button: rgba(0,122,124,1);
     --color-button-inverted: #ffffff;
@@ -3413,8 +3412,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr'] {
-    --color-primary: #006eb7;
-    --color-secondary: #007179;
+    --color-primary-ds: #006eb7;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
@@ -3433,34 +3432,34 @@ video {
     /* Event */
     --color-label-event: #000000;
     /* Pressemitteilungen */
-    --color-label-pm: var(--color-primary);
+    --color-label-pm: var(--color-primary-ds);
     /* Kurzmeldung */
     --color-label-kurzmeldung: #0a3355;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
-    --color-topline: var(--color-primary);
+    --color-topline: var(--color-primary-ds);
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
-    --color-link: var(--color-primary);
+    --color-link: var(--color-primary-ds);
     /* Stage */
-    --color-stage-text-box: var(--color-primary);
-    --color-stage-primary: var(--color-primary);
+    --color-stage-text-box: 0 110 183;
+    --color-stage-primary: var(--color-primary-ds);
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
-    --color-cluster-teaser-link: var(--color-primary);
+    --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #00375d;
     /* Button */
-    --color-button: var(--color-primary);
+    --color-button: var(--color-primary-ds);
     --color-button-inverted: #ffffff;
-    --color-button-hollow: var(--color-primary);
+    --color-button-hollow: var(--color-primary-ds);
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
-    --color-podcast: var(--color-primary);
+    --color-podcast: var(--color-primary-ds);
     --color-podcast-text: var(--color-link);
     --color-podcast-highlight: #AD5500;
     /* Font */
@@ -3468,8 +3467,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr1'] {
-    --color-primary: #e0ae00;
-    --color-secondary: #007179;
+    --color-primary-ds: #e0ae00;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #FBF9EE;
     --color-highlight-2: #d34600;
 
@@ -3500,7 +3499,7 @@ video {
     /* Link */
     --color-link: #916B00;
     /* Stage */
-    --color-stage-text-box: #433d37;
+    --color-stage-text-box: 67 61 55;
     --color-stage-primary: #e0ae00;
     --color-stage-link: #ffffff;
     /* Cluster-Teaser */
@@ -3523,8 +3522,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr2'] {
-    --color-primary: #ec6602;
-    --color-secondary: #007179;
+    --color-primary-ds: #ec6602;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
 
@@ -3553,8 +3552,8 @@ video {
     /* Link */
     --color-link: rgba(140,3,61,1);
     /* Stage */
-    --color-stage-text-box: #ffffff;
-    --color-stage-primary: var(--color-primary);
+    --color-stage-text-box: 255 255 255;
+    --color-stage-primary: var(--color-primary-ds);
     --color-stage-text: #000000;
     --color-stage-link: var(--color-link);
     /* Cluster-Teaser */
@@ -3577,8 +3576,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr3'] {
-    --color-primary: #c20016;
-    --color-secondary: #007179;
+    --color-primary-ds: #c20016;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #E6E6E6;
     --color-highlight-2: #d34600;
 
@@ -3601,31 +3600,31 @@ video {
     /* Event */
     --color-event-status: #007179;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
-    --color-topline: var(--color-primary);
+    --color-topline: var(--color-primary-ds);
     /* Subline */
     --color-subline: var(--color-topline);
     /* Link */
-    --color-link: var(--color-primary);
+    --color-link: var(--color-primary-ds);
     /* Stage */
-    --color-stage-text-box: #ffffff;
-    --color-stage-primary: var(--color-primary);
-    --color-stage-text: var(--color-primary);
+    --color-stage-text-box: 255 255 255;
+    --color-stage-primary: var(--color-primary-ds);
+    --color-stage-text: var(--color-primary-ds);
     --color-stage-link: var(--color-link);
     /* Cluster-Teaser */
-    --color-cluster-teaser-link: var(--color-primary);
+    --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #000000;
     /* Button */
     --color-button: #9b0112;
     --color-button-inverted: #ffffff;
     --color-button-hollow: #9b0112;
     /* States */
-    --color-focus-state: var(--color-primary);
+    --color-focus-state: var(--color-primary-ds);
     /* Content-Nav */
     --color-content-nav: #9b0112;
     /* Podcast-Player */
-    --color-podcast: var(--color-primary);
+    --color-podcast: var(--color-primary-ds);
     --color-podcast-text: var(--color-link);
     --color-podcast-highlight: #007179;
     /* Font */
@@ -3633,8 +3632,8 @@ video {
     --font-weight-title: 700;
 }
 [data-theme='hr4'] {
-    --color-primary: #168378;
-    --color-secondary: #007179;
+    --color-primary-ds: #168378;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #DBEAEA;
     --color-highlight-2: #d34600;
 
@@ -3657,7 +3656,7 @@ video {
     /* Event */
     --color-event-status: #e81f18;
     /* Eventkalender */
-    --color-eventcalendar-primary: var(--color-primary);
+    --color-eventcalendar-primary: var(--color-primary-ds);
     /* Dachzeile */
     --color-topline: rgba(15,97,87,1);
     /* Subline */
@@ -3665,7 +3664,7 @@ video {
     /* Link */
     --color-link: rgba(15,97,87,1);
     /* Stage */
-    --color-stage-text-box: #ffffff;
+    --color-stage-text-box: 255 255 255;
     --color-stage-primary: #168378;
     --color-stage-text: #000000;
     --color-stage-link: #000000;
@@ -3679,7 +3678,7 @@ video {
     /* States */
     --color-focus-state: var(--color-link);
     /* Content-Nav */
-    --color-content-nav: var(--color-primary);
+    --color-content-nav: var(--color-primary-ds);
     /* Podcast-Player */
     --color-podcast: rgba(15,97,87,1);
     --color-podcast-text: var(--color-link);
@@ -3691,8 +3690,8 @@ video {
     --border-radius-hr: 1.5rem;
 }
 [data-theme='you-fm'] {
-    --color-primary: #c20016;
-    --color-secondary: #007179;
+    --color-primary-ds: #c20016;
+    --color-secondary-ds: #007179;
     --color-highlight-1: #E5E8E8;
     --color-highlight-2: #d34600;
 
@@ -3721,7 +3720,7 @@ video {
     /* Link */
     --color-link: #006783;
     /* Stage */
-    --color-stage-text-box: #ffffff;
+    --color-stage-text-box: 255 255 255;
     --color-stage-primary: #f2da6c;
     --color-stage-text: #000000;
     --color-stage-link: #000000;

package/dist/views/components/base/loadSSI.hbs

@@ -1,5 +1,5 @@
 {{#if (isStorybook)}}  
-    {{> components/base/load_dynamic _templatePath=_templatePath}} 
+    {{> components/base/load_dynamic _context=_context _templatePath=_templatePath}} 
 {{else}}
     {{{this}}}
 {{/if}}        

package/dist/views/components/base/load_dynamic.hbs

@@ -29,4 +29,13 @@
     {{#case "components/event/stage_location.ssi"}}
         {{> components/event/stage_location.ssi}}
     {{/case}}
+    {{#case "components/event/label_byline.ssi"}}
+        {{> components/event/label_byline.ssi _context}}
+    {{/case}}
+    {{#case "components/program/label_byline.ssi"}}
+        {{> components/program/label_byline.ssi _context}}
+    {{/case}}
+    {{#case "components/multimedia/livestream/label_byline.ssi"}}
+        {{> components/multimedia/livestream/label_byline.ssi _context}}
+    {{/case}}
 {{/switch}}