hr-design-system-handlebars 1.110.11 → 1.110.13

package/{dist/views_static/components/forms → src/stories/views/components/forms/components}/textarea.hbs

@@ -36,7 +36,7 @@
       {{#if _required}}required{{/if}}
       class="relative w-full px-4 pb-px text-black placeholder-transparent bg-white border-form-highlight dark:border-form-highlight-dark min-h-12 peer border-y focus:border-b-2 focus:pb-0 border-t-transparent focus:outline-none" 
       {{#if _required}}
-         :class="{'border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error': hideDescription() }"
+         :class="{'border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
       {{/if}}
    >{{~#if _formField.isValid~}}
         {{{_formField.forHtmlContent}}}
@@ -61,7 +61,7 @@
    </label>
    {{#if _required}}
          <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
-            {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
+            {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
          </div>
   {{/if}}
    <div class="flex items-end justify-between h-5 font-heading">     
@@ -69,7 +69,7 @@
          <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}
       {{#if _required}}
-         <div class="hidden pl-4 text-xs text-error" :class="{'hidden': hideError()}" >{{_errorMessage}}</div>
+         <div class="hidden pl-4 text-xs text-error dark:text-error-dark" :class="{'hidden': hideError()}" >{{_errorMessage}}</div>
       {{/if}}
       {{#if _maxLength}}
          <div class="px-4 ml-auto text-xs text-gray-scorpion"><span x-text="textarea{{getRandom}}.length">0</span>/{{_maxLength}}</div>

package/src/stories/views/components/forms/form_checkbox.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
+                {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/form_checkbox_grouped.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                 {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
+                 {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/form_group.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                {{> components/forms/fields }}
+                {{> components/forms/components/fields }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/form_radio_grouped.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
+                {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/form_select.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                {{> components/forms/fields }}
+                {{> components/forms/components/fields }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/form_textfields.stories.js

@@ -22,11 +22,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
-                {{> components/forms/fields }}
+                {{> components/forms/components/fields }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/webform.hbs

@@ -1,5 +1,5 @@
 {{~#if _newWebForm ~}}
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
 
         
         <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
@@ -22,21 +22,21 @@
                 accept-charset="utf-8"
                 
                 >
-                {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }} 
+                {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }} 
 
-                {{> components/forms/controls }}
+                {{> components/forms/components/controls }}
 
                 <template id="successMessage">
-                    {{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
+                    {{> components/forms/components/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
                 </template>
 
                 <template id="errorMessage">
-                    {{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
+                    {{> components/forms/components/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
                 </template>
                 
             </form>
         </div>   
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
 {{~else~}}
     {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
 {{~/if~}}

package/tailwind.config.js

@@ -290,6 +290,7 @@ module.exports = {
                     paprika: { rgb: '140 3 61', hex: '#8C033D' },
                     scarlett: '#9b0112',
                     thunderbird: { hex: '#cc1a14' },
+                    thunderbirdLight: { hex: '#e07672'},
                     wellRead: { rgb: '171 47 45', hex: '#AB2F2D' },
                 },
                 'pink': {
@@ -427,6 +428,8 @@ module.exports = {
                 'structure-nav-text': 'var(--structure-nav-text)',
                 'structure-nav-text-mobile': 'var(--structure-nav-text-mobile)',
                 'error':'var(--color-error)',
+                'error-dark':'var(--color-error-dark)',
+                'success':'var(--color-success)',
                 'form-highlight':'var(--color-form-highlight)',
                 'form-highlight-dark':'var(--color-form-highlight-dark)'
             },