hr-design-system-handlebars 1.110.7 → 1.110.9

package/.storybook/preview.js

@@ -29,7 +29,7 @@ checkcss.onClassnameDetected = function (classname, element) {
     // For example, to ignore classnames starting with
     // "license-" or "maintainer-"...
     var storybookRoot = document.getElementById('storybook-root');
-    var prefixes = /^js-|^ui-test-|^sb-/.test(classname) ? false : true
+    var prefixes = /^js-|^ui-test-|^hrds-|^sb-/.test(classname) ? false : true
     return storybookRoot.contains(element) && prefixes
 }
 checkcss.onUndefinedClassname = function (classname) {

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.110.9 (Wed Oct 16 2024)
+
+#### 🐛 Bug Fix
+
+- Feature/dpe 3394 [#1113](https://github.com/mumprod/hr-design-system-handlebars/pull/1113) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.110.8 (Tue Oct 15 2024)
+
+#### 🐛 Bug Fix
+
+- Forms colors and spacings [#1112](https://github.com/mumprod/hr-design-system-handlebars/pull/1112) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.110.7 (Mon Oct 14 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -24,7 +24,7 @@
   --tw-gradient-to-position:  ;
 }
 
-.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .hrds-copytext__link, .hrds-copytext__link:not(:focus-visible), .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .before\:shadow-stage::before {
+.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .hrds-copytext__link, .hrds-copytext__link:not(:focus-visible), .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .autofill\:shadow-autofill, .before\:shadow-stage::before {
   --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
   --tw-ring-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow: 0 0 rgba(0,0,0,0);
@@ -2358,16 +2358,6 @@ article.indexTextDS .indexTextHighlighted .link {
   border-color: rgba(227, 227, 227, 1);
   border-color: rgba(227, 227, 227, var(--tw-border-opacity));
 }
-.border-blue-500 {
-  --tw-border-opacity: 1;
-  border-color: rgba(59, 130, 246, 1);
-  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
-}
-.border-blue-science-hex {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 109, 193, 1);
-  border-color: rgba(0, 109, 193, var(--tw-border-opacity));
-}
 .border-brandnavigation-border-color {
   border-color: #005293;
   border-color: var(--color-brandnavigation-border-color);
@@ -2390,6 +2380,10 @@ article.indexTextDS .indexTextHighlighted .link {
   border-color: #005293;
   border-color: var(--color-content-nav);
 }
+.border-error {
+  border-color: #cc1a14;
+  border-color: var(--color-error);
+}
 .border-event-calendar-secondary {
   border-color: #797979;
   border-color: var(--color-eventcalendar-secondary);
@@ -2427,6 +2421,14 @@ article.indexTextDS .indexTextHighlighted .link {
   border-color: rgba(96, 96, 96, 1);
   border-color: rgba(96, 96, 96, var(--tw-border-opacity));
 }
+.border-link {
+  border-color: #006eb7;
+  border-color: var(--color-link);
+}
+.border-link-dark {
+  border-color: #006eb7;
+  border-color: var(--color-link-dark);
+}
 .border-navigation-border-color {
   border-color: #fff;
   border-color: var(--color-navigation-border-color);
@@ -2440,11 +2442,6 @@ article.indexTextDS .indexTextHighlighted .link {
   border-color: rgba(248, 113, 113, 1);
   border-color: rgba(248, 113, 113, var(--tw-border-opacity));
 }
-.border-red-700 {
-  --tw-border-opacity: 1;
-  border-color: rgba(185, 28, 28, 1);
-  border-color: rgba(185, 28, 28, var(--tw-border-opacity));
-}
 .border-servicenavigation-border-color {
   border-color: #fff;
   border-color: var(--color-servicenavigation-border-color);
@@ -2539,11 +2536,6 @@ article.indexTextDS .indexTextHighlighted .link {
   background-color: rgba(243, 244, 246, 1);
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
 }
-.bg-gray-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(156, 163, 175, 1);
-  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
-}
 .bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(107, 114, 128, 1);
@@ -2570,7 +2562,7 @@ article.indexTextDS .indexTextHighlighted .link {
   background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
 }
 .bg-highlight-1 {
-  background-color: #eaf3fa;
+  background-color: #E6E6E6;
   background-color: var(--color-highlight-1);
 }
 .bg-highlight-2 {
@@ -2774,6 +2766,10 @@ article.indexTextDS .indexTextHighlighted .link {
 .fill-current {
   fill: currentColor;
 }
+.fill-error {
+  fill: #cc1a14;
+  fill: var(--color-error);
+}
 .fill-event-calendar-secondary {
   fill: #797979;
   fill: var(--color-eventcalendar-secondary);
@@ -2786,9 +2782,6 @@ article.indexTextDS .indexTextHighlighted .link {
   fill: #006eb7;
   fill: var(--color-link);
 }
-.fill-red-700 {
-  fill: #b91c1c;
-}
 .fill-search {
   fill: #000000;
   fill: var(--search-icon-color);
@@ -3251,6 +3244,10 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #005293;
   color: var(--color-content-nav);
 }
+.text-error {
+  color: #cc1a14;
+  color: var(--color-error);
+}
 .text-event-status {
   color: #cc1a14;
   color: var(--color-event-status);
@@ -3263,16 +3260,6 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #000000;
   color: var(--color-footer-text);
 }
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, 1);
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
-}
-.text-gray-800 {
-  --tw-text-opacity: 1;
-  color: rgba(31, 41, 55, 1);
-  color: rgba(31, 41, 55, var(--tw-text-opacity));
-}
 .text-gray-dark {
   --tw-text-opacity: 1;
   color: rgba(112, 112, 112, 1);
@@ -3324,11 +3311,6 @@ article.indexTextDS .indexTextHighlighted .link {
   color: #005293;
   color: var(--color-primary-ds);
 }
-.text-red-700 {
-  --tw-text-opacity: 1;
-  color: rgba(185, 28, 28, 1);
-  color: rgba(185, 28, 28, var(--tw-text-opacity));
-}
 .text-search-footer-text {
   color: #000000;
   color: var(--color-search-footer-text);
@@ -3593,7 +3575,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1728919117449;
+  counter-reset: cnt1729072489604;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4007,7 +3989,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1728919117449 1;
+  counter-increment: cnt1729072489604 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4025,7 +4007,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1728919117449);
+  content: counter(cnt1729072489604);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4209,7 +4191,7 @@ input[type='radio']:checked::after {
 
     --color-primary-ds: #005293;
     --color-secondary-ds: #606060;
-    --color-highlight-1: #eaf3fa;
+    --color-highlight-1: #E6E6E6;
     --color-highlight-2: #d34600;
     --color-highlight-3: #707070;
     --color-highlight-1-dark: #2d2d2d;
@@ -4357,6 +4339,8 @@ input[type='radio']:checked::after {
     --structure-nav-text: #ffffff;
     --structure-nav-text-mobile: var(--color-primary-ds);
 
+    --color-error: #cc1a14;
+
     --feature-box-height: 0;
 }
 :root .ardplayer, [data-theme='default'] .ardplayer {
@@ -4535,7 +4519,6 @@ input[type='radio']:checked::after {
 [data-theme='hr-fernsehen'] {
     --color-primary-ds: #007396;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #eaeded;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -4629,7 +4612,7 @@ input[type='radio']:checked::after {
 [data-theme='hr-inforadio'] {
     --color-primary-ds: #276b9e;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #e5edf1;
+    --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Service/Sectionnavigation Border-Color */
@@ -4729,7 +4712,6 @@ input[type='radio']:checked::after {
 [data-theme='hr-rundfunkrat'] {
     --color-primary-ds: #606060;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Navigation Hintergrund */
@@ -4838,7 +4820,7 @@ input[type='radio']:checked::after {
 [data-theme='hr-werbung'] {
     --color-primary-ds: #007396;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #eaf3fa;
+    --color-highlight-1: #eaf5f7;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -4950,7 +4932,6 @@ input[type='radio']:checked::after {
 [data-theme='hr-sinfonieorchester'] {
     --color-primary-ds: #8d2725;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -5149,7 +5130,6 @@ input[type='radio']:checked::after {
 [data-theme='hr'] {
     --color-primary-ds: #007396;
     --color-secondary-ds: #007396;
-    --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Navigation Hintergrund */
@@ -5365,7 +5345,6 @@ input[type='radio']:checked::after {
 [data-theme='hr2'] {
     --color-primary-ds: #ec6602;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #e0e0e0;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -5485,7 +5464,7 @@ input[type='radio']:checked::after {
 [data-theme='hr3'] {
     --color-primary-ds: #c20016;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #E6E6E6;
+
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -5590,7 +5569,7 @@ input[type='radio']:checked::after {
 [data-theme='hr4'] {
     --color-primary-ds: #bf0071;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #DBEAEA;
+    --color-highlight-1: #eaf5f7;
     --color-highlight-2: #d34600;
 
     /* Service/Sectionnavigation Border Color */
@@ -5695,7 +5674,6 @@ input[type='radio']:checked::after {
 [data-theme='you-fm'] {
     --color-primary-ds: #007179 /* #c20016 */;
     --color-secondary-ds: #007179;
-    --color-highlight-1: #E5E8E8;
     --color-highlight-2: #d34600;
 
     /* Brandnavigation Border and :before Colors*/
@@ -5939,24 +5917,31 @@ input[type='radio']:checked::after {
 .last-of-type\:pb-3:last-of-type {
   padding-bottom: 0.75rem;
 }
-.checked\:border-blue-congress-hex:checked {
-  --tw-border-opacity: 1;
-  border-color: rgba(0, 82, 147, 1);
-  border-color: rgba(0, 82, 147, var(--tw-border-opacity));
+.checked\:border-link:checked {
+  border-color: #006eb7;
+  border-color: var(--color-link);
 }
-.checked\:border-transparent:checked {
-  border-color: transparent;
-}
-.checked\:bg-blue-congress-hex:checked {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 82, 147, 1);
-  background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
+.checked\:bg-link:checked {
+  background-color: #006eb7;
+  background-color: var(--color-link);
 }
 .checked\:bg-white:checked {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
+.autofill\:shadow-autofill:-webkit-autofill {
+  --tw-shadow: 0 0 0px 1000px var(--color-standard-text-dark) inset;
+  --tw-shadow-colored: inset 0 0 0px 1000px var(--tw-shadow-color);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0px 1000px #f0f0f0 inset;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+}
+.autofill\:shadow-autofill:autofill {
+  --tw-shadow: 0 0 0px 1000px var(--color-standard-text-dark) inset;
+  --tw-shadow-colored: inset 0 0 0px 1000px var(--tw-shadow-color);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0px 1000px #f0f0f0 inset;
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+}
 .empty\:hidden:empty {
   display: none;
 }
@@ -6096,10 +6081,10 @@ input[type='radio']:checked::after {
 .disabled\:hidden:disabled {
   display: none;
 }
-.disabled\:text-gray-500:disabled {
+.disabled\:text-gray-scorpion:disabled {
   --tw-text-opacity: 1;
-  color: rgba(107, 114, 128, 1);
-  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  color: rgba(96, 96, 96, 1);
+  color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
 .group:focus-within .group-focus-within\:text-white {
   --tw-text-opacity: 1;
@@ -6201,10 +6186,9 @@ input[type='radio']:checked::after {
 .peer:focus ~ .peer-focus\:border-r {
   border-right-width: 1px;
 }
-.peer:focus ~ .peer-focus\:text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgba(59, 130, 246, 1);
-  color: rgba(59, 130, 246, var(--tw-text-opacity));
+.peer:focus ~ .peer-focus\:text-link {
+  color: #006eb7;
+  color: var(--color-link);
 }
 .aria-hidden\:hidden[aria-hidden="true"] {
   display: none;
@@ -8200,10 +8184,21 @@ input[type='radio']:checked::after {
 .rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 1;
 }
+.dark\:border-error:where(.dark, .dark *) {
+  border-color: #cc1a14;
+  border-color: var(--color-error);
+}
+.dark\:border-link-dark:where(.dark, .dark *) {
+  border-color: #006eb7;
+  border-color: var(--color-link-dark);
+}
 .dark\:border-text-dark:where(.dark, .dark *) {
   border-color: #f0f0f0;
   border-color: var(--color-standard-text-dark);
 }
+.dark\:border-t-transparent:where(.dark, .dark *) {
+  border-top-color: transparent;
+}
 .dark\:bg-black:where(.dark, .dark *) {
   --tw-bg-opacity: 1;
   background-color: rgba(0, 0, 0, 1);
@@ -8251,6 +8246,13 @@ input[type='radio']:checked::after {
 .dark\:ring-podcast:where(.dark, .dark *) {
   --tw-ring-color: var(--color-podcast);
 }
+.dark\:border-t-transparent:where(.dark, .dark *) {
+  border-top-color: transparent;
+}
+.peer:focus ~ .peer-focus\:dark\:text-text-dark:where(.dark, .dark *) {
+  color: #f0f0f0;
+  color: var(--color-standard-text-dark);
+}
 @media print {
 
   .print\:static {
@@ -8431,12 +8433,12 @@ input[type='radio']:checked::after {
     }
   }
 }
-.\[\&\+\.hr-copytext-teaser-half\]\:mt-4+.hr-copytext-teaser-half {
+.\[\&\+\.hrds-copytext-teaser-half\]\:mt-4+.hrds-copytext-teaser-half {
   margin-top: 1rem;
 }
 @media (min-width: 640px) {
 
-  .sm\:\[\&\+\.hr-copytext-teaser-half\]\:mt-0+.hr-copytext-teaser-half {
+  .sm\:\[\&\+\.hrds-copytext-teaser-half\]\:mt-0+.hrds-copytext-teaser-half {
     margin-top: 0px;
   }
 }

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hr-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
 {{/if}}

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hr-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
 {{/if}}

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

@@ -1,4 +1,4 @@
-<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}hr-copytext-teaser-half mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="{{#if this.paragraphProperties.[0].showFullSize }}mt-6 mb-2 sm480:mt-7 sm480:mb-7{{else}}hrds-copytext-teaser-half mr-0 sm:mr-5 mb-2 sm:mb-5 mt-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     {{> components/base/image/icon _icon="quotation"  _addClass="sm:ml-4 mr-2 mt-px float-left text-gray-scorpion w-6 h-6 sm480:w-8 sm480:h-8 fill-current dark:fill-link-dark"}}
     <span class="sr-only">{{loca "story_cite_intro_sr" }}</span>
     <blockquote>

package/dist/views/components/content/copytext/components/common/paragraphbox_wrapper.hbs

@@ -1,3 +1,3 @@
-<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hr-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
+<div class="mx-1 sm:ml-[1.531rem] sm:mr-6.5 px-4 sm:pl-[1.531rem] sm:pr-6.5 border-l-[3px] border-gray-boulder overflow-auto {{#if _showFullsize}}[&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 clear-both mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14 {{else}}hrds-copytext-teaser-half mb-8 sm:mb-5 sm:mt-6 mt-12 w-full sm:w-1/2 sm:float-left{{/if}}{{#if _cssClasses}} {{_cssClasses}}{{/if}}">
     {{~> @partial-block ~}}
 </div>

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

@@ -1,7 +1,7 @@
 {{#if this.showPortrait.isTrue }}
         {{#if this.showFullSize.isTrue }}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext-portrait"
@@ -9,7 +9,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="hr-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="hrds-copytext-teaser-half mt-12 mb-8 article-full-width sm:article-narrow sm:mt-6 sm:mb-5 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="copytext-portrait"
@@ -19,7 +19,7 @@
 {{else}}
         {{#if this.showFullSize.isTrue}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
+                _cssClass="mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:my-14 clear-both article-full-width sm:article-narrow"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="100-copytext"
@@ -27,7 +27,7 @@
                 _isWebview=_isWebview}}
         {{else}}
             {{> components/content/copytext/components/image/figure 
-                _cssClass="hr-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid"
+                _cssClass="hrds-copytext-teaser-half mt-12 mb-8 sm:mt-6 sm:mb-5 article-full-width sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid"
                 _cssClassCaption="mx-5 sm:mx-0"
                 _type="story"
                 _variant="copytext"

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

@@ -1,3 +1,3 @@
-<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
+<div class="print:hidden {{#if this.showFullSize.isTrue }}clear-both [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 mt-12 mb-8 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:mt-14 sm:mb-14{{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left sm:mr-5 mt-12 mb-8 sm:mt-6 sm:mb-5{{/if}}">
     {{> components/teaser/podcast/podcast _headlineTag="h3" _isCopytext=true }} 
 </div>

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

@@ -1,3 +1,3 @@
-<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hr-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hr-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
+<div class="print:hidden article-narrow w-auto [&+h2]:mt-4 xs:article-full-width xs:mx-13 {{#if this.showFullSize.isTrue }}hrds-copytext-teaser-full clear-both mb-8 mt-12 sm:my-14 sm:mx-26 {{else}}hrds-copytext-teaser-half sm:w-1/2 clear-both sm:float-left mt-12 mb-8 sm:mt-6 sm:mb-5 sm:mr-5 sm:ml-0{{/if}}">
     {{> components/teaser/teaser_poster _isCopytext=true }} 
 </div>    

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hr-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
 {{/if}} 

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

@@ -1,5 +1,5 @@
 {{#if this.showFullSize.isTrue }}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hr-copytext-teaser-half]:mt-4 sm:[&+.hr-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{else}}
-    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hr-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid page-break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
+    {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
 {{/if}} 

package/dist/views/components/forms/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative px-5 pt-6 pb-8 bg-highlight-1 sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
+<div class="relative px-5 pt-6 pb-8 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
     {{> @partial-block }}
 </div>

package/dist/views/components/forms/choice.hbs

@@ -9,9 +9,9 @@
    {{/unless}}
 >
 <div class="flex flex-row items-center w-full gap-x-2 md:gap-x-3">
-  <input class="relative self-start flex-shrink-0 w-6 h-6 bg-white border appearance-none cursor-pointer {{~inline-switch _type '["checkbox","radio"]' '["  border-blue-science-hex checked:bg-blue-congress-hex checked:border-transparent","  border-blue-science-hex checked:bg-white checked:border-blue-congress-hex rounded-full",""]'}}"
+  <input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer border-link dark:border-link-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-link checked:border-link"," checked:bg-white checked:border-link rounded-full",""]'}}"
       {{#if _required}}
-            :class="{' border-blue-science-hex': hideError(),'border-red-700': hideDescription() }"
+            :class="{' border-link dark:border-link-dark': hideError(),'border-error dark:border-error': hideDescription() }"
       {{/if}}
       {{#if _inGroup }}
          {{#if _required}}
@@ -59,7 +59,7 @@
          {{/if}}
       {{/if~}}
    >
-  <label for="input{{getRandom}}" class="items-center justify-center text-xs text-black md:text-sm font-headingSerif ">
+  <label for="input{{getRandom}}" class="items-center justify-center text-xs text-text dark:text-text-dark md:text-sm font-headingSerif ">
       {{#if _hasBody}}
         {{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
       {{else}}
@@ -76,10 +76,10 @@
 {{#unless _inGroup}}
    <div class="font-heading">     
       {{#if _description}}  
-         <div class="text-xs text-gray-500" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
+         <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
       {{/if}}
       {{#if _required}}
-         <div class="hidden text-xs text-red-700" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
+         <div class="hidden text-xs text-error" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
       {{/if}}
    </div>
 {{/unless}}

package/dist/views/components/forms/choiceGroup.hbs

@@ -6,7 +6,7 @@
     {{/if}}
 >
 <div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
-    <legend class="text-lg font-bold text-black md:text-xl font-heading">
+    <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
         {{#if _hasBody}}
             {{decorator_body}}{{#if _required}}*{{/if}}
         {{else}}
@@ -39,10 +39,10 @@
     </div>
     <div class="font-heading">     
       {{#if _description}}  
-         <div class="text-xs text-gray-500" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
+         <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
       {{/if}}
       {{#if _required}}
-         <div class="hidden text-xs text-red-700" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
+         <div class="hidden text-xs text-error" :class="{'hidden': hideError()}" x-text="errorMessage"></div>
       {{/if}}
    </div>
 </div>

package/dist/views/components/forms/controls.hbs

@@ -1,5 +1,5 @@
 <div class="flex items-center justify-between">
-    <div class="text-xs text-gray-500 font-headingSerif">Pflichtfeld*</div>
+    <div class="text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">Pflichtfeld*</div>
     <div class="flex items-center">
         <label class="order-2 cursor-pointer {{> components/button/utilities/button_base_classes}} {{> components/button/utilities/button_variation_classes _variant='primary'}} {{> components/button/utilities/button_dimension_classes _size='lg'}}">     
             <span class="hidden" :class="{'hidden': !isPosting}">{{> components/base/image/icon _icon="reload" _addClass="w-5 h-5 fill-white dark:fill-text-dark animate-spin"}}</span>

package/dist/views/components/forms/error_icon.hbs

@@ -1,3 +1,3 @@
 <div class="hidden w-5 h-5 font-bold" :class="{{_xclass}}">
-    {{> components/base/image/icon _icon="error-ds" _addClass="w-5 h-5 fill-red-700"}}
+    {{> components/base/image/icon _icon="error-ds" _addClass="w-5 h-5 fill-error"}}
 </div>

package/dist/views/components/forms/fields.hbs

@@ -3,7 +3,7 @@
 
         {{#if this.caption}}         
             <fieldset>
-                <legend class="mb-5 font-headingSerif">{{this.caption}}</legend>
+                <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
                 {{~> components/forms/fields}}
             </fieldset>            
         {{else}}