hr-design-system-handlebars 1.114.0 → 1.114.2

package/src/stories/views/components/newsletter/newsletter.stories.js

@@ -0,0 +1,32 @@
+import newsletterJson from './fixtures/newsletter.json'
+
+const handlebars = require('hrHandlebars')
+
+export default {
+    title: 'Komponenten/Newsletter',
+    decorators: [
+        (Story) => {
+            return `<div class="grid grid-page">
+                        <div class="grid bg-white grid-article">
+                            ${Story()}
+                        </div>
+                    </div>`
+        },
+    ],
+}
+const Template = (args) => {
+    let hbsTemplate = handlebars.compile(`
+        {{#>components/forms/components/backgroundBox  }}  
+            {{> components/newsletter/newsletter }}
+        {{/components/forms/components/backgroundBox }}
+    `)
+    return hbsTemplate({ ...args })
+}
+
+export const Default = {
+    render: Template.bind({}),
+    name: 'Newsletter',
+    args: newsletterJson,
+}
+
+

package/src/stories/views/components/voting/voting.hbs

@@ -42,7 +42,14 @@
                             {{/if}}
                             <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
                         </div>
-                        {{> components/forms/components/fields _multipleChoice=../this.isMultipleChoice _addClassGroup="!flex-col mt-5" _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white p-3 sm:p-4 has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed" _addClassLabel="!text-base sm:!text-lg md:!text-lg" _addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"}}
+                        {{> components/forms/components/fields 
+                                _multipleChoice=../this.isMultipleChoice 
+                                _addClassGroup="!flex-col mt-2" 
+                                _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed" 
+                                _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg" 
+                                _addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"
+                                _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
+                        }}
                         {{#if this.is2FSecured}}
                             <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
                         {{/if}}