hr-design-system-handlebars 1.100.8 → 1.101.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.101.1 (Mon Sep 23 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Removing old cookie handling [#1072](https://github.com/mumprod/hr-design-system-handlebars/pull/1072) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
13
+ # v1.101.0 (Thu Sep 19 2024)
14
+
15
+ #### 🚀 Enhancement
16
+
17
+ - ✨ DPE-3361 Formular in delivery einbauen [#1071](https://github.com/mumprod/hr-design-system-handlebars/pull/1071) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v1.100.8 (Wed Sep 18 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
@@ -3454,7 +3454,7 @@ article.indexTextDS .indexTextHighlighted .link {
3454
3454
  border-bottom-color: var(--color-secondary-ds);
3455
3455
  }
3456
3456
  .counter-reset {
3457
- counter-reset: cnt1726656177379;
3457
+ counter-reset: cnt1727097845054;
3458
3458
  }
3459
3459
  .hyphens-auto {
3460
3460
  -webkit-hyphens: auto;
@@ -3862,7 +3862,7 @@ article.indexTextDS .indexTextHighlighted .link {
3862
3862
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3863
3863
  }
3864
3864
  .-ordered {
3865
- counter-increment: cnt1726656177379 1;
3865
+ counter-increment: cnt1727097845054 1;
3866
3866
  }
3867
3867
  .-ordered::before {
3868
3868
  position: absolute;
@@ -3878,7 +3878,7 @@ article.indexTextDS .indexTextHighlighted .link {
3878
3878
  letter-spacing: .0125em;
3879
3879
  --tw-text-opacity: 1;
3880
3880
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3881
- content: counter(cnt1726656177379);
3881
+ content: counter(cnt1727097845054);
3882
3882
  }
3883
3883
  /*! ****************************/
3884
3884
  /*! DataPolicy stuff */
@@ -6438,6 +6438,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
6438
6438
  margin-bottom: 1.75rem;
6439
6439
  }
6440
6440
 
6441
+ .sm\:mb-12 {
6442
+ margin-bottom: 3rem;
6443
+ }
6444
+
6441
6445
  .sm\:mb-14 {
6442
6446
  margin-bottom: 3.5rem;
6443
6447
  }
@@ -19,57 +19,31 @@ const DataPolicySettings = function (context) {
19
19
 
20
20
  let isWebview = window.parent.document.documentElement.classList.contains('webview'),
21
21
  appSettingsCookie = {},
22
- dataDataPolicyCookie = {},
23
- dataTrackingCookie = {},
24
22
  dataSettingsCookie = {}
25
23
 
26
24
  //Überprüfung ob die alten Cookies zusammengeführt werden müssen
27
25
  const checkForExistingCookies = function () {
28
- //TODO: Kann nach einer gewissen Zeit rausgeworfen werden? Die alten Cookies sind mittlerweile rausgewachsen?
29
- if (getJSONCookie('datapolicy') || getJSONCookie('tracking')) {
30
- deleteOldCookiesandTransferData()
26
+
27
+ if (getJSONCookie('hrSettings')) {
28
+ getAllToggleValuesFromSettings()
31
29
  }
32
30
  else {
33
- if (getJSONCookie('hrSettings')) {
34
- getAllToggleValuesFromSettings()
35
- }
36
- else {
37
- console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
38
- //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Externer Dienst initial deaktiviert, DSGVO wird geprüft"
39
- //im Konfig-Dokument bestückt.
40
- for (let i = 0; i < toggleSwitches.length; ++i) {
41
- if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
42
- setCookieForSettings(toggleSwitches[i].id, true)
43
- }
44
- else {
45
- setCookieForSettings(toggleSwitches[i].id, false)
46
- }
47
- }
48
- setAllToggleValuesFromSettings()
49
- changeProviderTitle()
31
+ console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
32
+ //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
33
+ //im Konfig-Dokument bestückt.
34
+ for (let i = 0; i < toggleSwitches.length; ++i) {
35
+ if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
36
+ setCookieForSettings(toggleSwitches[i].id, true)
37
+ }
38
+ else {
39
+ setCookieForSettings(toggleSwitches[i].id, false)
40
+ }
50
41
  }
42
+ setAllToggleValuesFromSettings()
43
+ changeProviderTitle()
51
44
  }
52
45
  }
53
46
 
54
- const deleteOldCookiesandTransferData = function () {
55
- dataDataPolicyCookie = getJSONCookie('datapolicy') || {}
56
- dataTrackingCookie = getJSONCookie('tracking') || {}
57
- let objMerge
58
- // Beide bestehenden JSONs aus Tracking und Service werden zusammengeführt.
59
- objMerge = JSON.stringify(dataTrackingCookie) + JSON.stringify(dataDataPolicyCookie);
60
- objMerge = objMerge.replace(/\}\{/, ",");
61
- objMerge = JSON.parse(objMerge);
62
- let objArray = Object.entries(objMerge);
63
- objArray.forEach(([key, value]) => {
64
- //hrSettingsCookie wird geschrieben
65
- setCookieForSettings(key, value)
66
- });
67
- setAllToggleValuesFromSettings()
68
- changeProviderTitle()
69
- deleteCookie('datapolicy')
70
- deleteCookie('tracking')
71
- }
72
-
73
47
  const setCookieForSettings = function (key, value) {
74
48
  settingsCookie.setCookieForOptions(key, value)
75
49
  if (value) {
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <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" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <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" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <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" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <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" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.100.8",
9
+ "version": "1.101.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -7,14 +7,20 @@
7
7
  {
8
8
  "paragraphBoxItem": {
9
9
  "isWebForm": true,
10
+ "hasNewWebForm": true,
11
+ "title": "Kontaktformular",
10
12
  "fields":[
11
13
  {
12
14
  "@->jsoninclude": "forms/form_fields.inc.json",
13
- "@->contentpath": "input-text-vorname"
15
+ "@->contentpath": "input-text-vorname-required"
14
16
  },
15
17
  {
16
18
  "@->jsoninclude": "forms/form_fields.inc.json",
17
- "@->contentpath": "input-text-vorname-required"
19
+ "@->contentpath": "input-text-nachname-required"
20
+ },
21
+ {
22
+ "@->jsoninclude": "forms/form_fields.inc.json",
23
+ "@->contentpath": "textarea"
18
24
  }
19
25
  ]
20
26
 
@@ -25,7 +25,21 @@
25
25
  "defaultValue":"",
26
26
  "isHidden":false,
27
27
  "isRequired":true,
28
- "maxLength":"20"
28
+ "maxLength":"140"
29
+ },
30
+ "input-text-nachname-required":
31
+ {
32
+ "type":{
33
+ "isText":true,
34
+ "asString":"text"
35
+ },
36
+ "name":"nachname",
37
+ "label":"Nachname",
38
+ "description":"",
39
+ "defaultValue":"",
40
+ "isHidden":false,
41
+ "isRequired":true,
42
+ "maxLength":"140"
29
43
  },
30
44
  "input-text-vorname-prefilled":
31
45
  {
@@ -22,7 +22,7 @@
22
22
  {{> components/content/copytext/components/map }}
23
23
  {{/if~}}
24
24
  {{~#if this.isWebForm}}
25
- {{> components/forms/webform }}
25
+ {{> components/forms/webform _newWebForm=this.hasNewWebForm}}
26
26
  {{/if~}}
27
27
  {{~#if this.isNewsletter}}
28
28
  {{> components/content/copytext/components/newsletter }}
@@ -1 +1 @@
1
- {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext von Vorname","defaultValue":"","isHidden":false,"isRequired":false},{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"20"}]}}]}
1
+ {"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isText":true,"asString":"text"},"name":"nachname","label":"Nachname","description":"","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isTextarea":true,"asString":"textarea"},"name":"textarea","label":"Textarea","description":"Das ist der Beschreibungstext von Textarea","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"300","columns":"30","rows":"10","counter":true}]}}]}
@@ -19,57 +19,31 @@ const DataPolicySettings = function (context) {
19
19
 
20
20
  let isWebview = window.parent.document.documentElement.classList.contains('webview'),
21
21
  appSettingsCookie = {},
22
- dataDataPolicyCookie = {},
23
- dataTrackingCookie = {},
24
22
  dataSettingsCookie = {}
25
23
 
26
24
  //Überprüfung ob die alten Cookies zusammengeführt werden müssen
27
25
  const checkForExistingCookies = function () {
28
- //TODO: Kann nach einer gewissen Zeit rausgeworfen werden? Die alten Cookies sind mittlerweile rausgewachsen?
29
- if (getJSONCookie('datapolicy') || getJSONCookie('tracking')) {
30
- deleteOldCookiesandTransferData()
26
+
27
+ if (getJSONCookie('hrSettings')) {
28
+ getAllToggleValuesFromSettings()
31
29
  }
32
30
  else {
33
- if (getJSONCookie('hrSettings')) {
34
- getAllToggleValuesFromSettings()
35
- }
36
- else {
37
- console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
38
- //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Externer Dienst initial deaktiviert, DSGVO wird geprüft"
39
- //im Konfig-Dokument bestückt.
40
- for (let i = 0; i < toggleSwitches.length; ++i) {
41
- if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
42
- setCookieForSettings(toggleSwitches[i].id, true)
43
- }
44
- else {
45
- setCookieForSettings(toggleSwitches[i].id, false)
46
- }
47
- }
48
- setAllToggleValuesFromSettings()
49
- changeProviderTitle()
31
+ console.log("hessenschau neu => wenn kein hrSettings erzeugt wurde")
32
+ //Wenn kein Cookie vorhanden wird diese initial über die Checkbox "Dienst ist initial immer aktiviert (Whitelist)"
33
+ //im Konfig-Dokument bestückt.
34
+ for (let i = 0; i < toggleSwitches.length; ++i) {
35
+ if (toggleSwitches[i].getAttribute('data-whitelist') == "true") {
36
+ setCookieForSettings(toggleSwitches[i].id, true)
37
+ }
38
+ else {
39
+ setCookieForSettings(toggleSwitches[i].id, false)
40
+ }
50
41
  }
42
+ setAllToggleValuesFromSettings()
43
+ changeProviderTitle()
51
44
  }
52
45
  }
53
46
 
54
- const deleteOldCookiesandTransferData = function () {
55
- dataDataPolicyCookie = getJSONCookie('datapolicy') || {}
56
- dataTrackingCookie = getJSONCookie('tracking') || {}
57
- let objMerge
58
- // Beide bestehenden JSONs aus Tracking und Service werden zusammengeführt.
59
- objMerge = JSON.stringify(dataTrackingCookie) + JSON.stringify(dataDataPolicyCookie);
60
- objMerge = objMerge.replace(/\}\{/, ",");
61
- objMerge = JSON.parse(objMerge);
62
- let objArray = Object.entries(objMerge);
63
- objArray.forEach(([key, value]) => {
64
- //hrSettingsCookie wird geschrieben
65
- setCookieForSettings(key, value)
66
- });
67
- setAllToggleValuesFromSettings()
68
- changeProviderTitle()
69
- deleteCookie('datapolicy')
70
- deleteCookie('tracking')
71
- }
72
-
73
47
  const setCookieForSettings = function (key, value) {
74
48
  settingsCookie.setCookieForOptions(key, value)
75
49
  if (value) {
@@ -16,7 +16,7 @@
16
16
 
17
17
  {{else}}
18
18
 
19
- <div class="c-form__row js-wrapper-{{this.name}}">
19
+ <div class="js-wrapper-{{this.name}}">
20
20
  {{#if this.type.isTextarea}}
21
21
  {{~> components/forms/textarea
22
22
  _name=this.name
@@ -36,10 +36,10 @@
36
36
  _isEmail=this.type.isEmail
37
37
  _name=this.name
38
38
  _label=this.label
39
- _labelClass="hide"
39
+ _labelClass=""
40
40
  _description=this.description
41
41
  _defaultValue=this.defaultValue
42
- _inputClass=(if this.isHidden "hide")
42
+ _wrapperClass=(if this.isHidden "hidden")
43
43
  _tabindex=(if this.isHidden "-1")
44
44
  _required=this.isRequired
45
45
  _maxLength=this.maxLength
@@ -1 +1 @@
1
- {"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"20"}]}
1
+ {"fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"}]}
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-5"
1
+ <div class="relative flex flex-col w-full mb-5 {{_wrapperClass}}"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_errorMandatory}}','{{_errorEmail}}',{{#if _isEmail}}true{{else}}false{{/if}},'{{#if _formField.forHtmlAttribute}}{{_formField.forHtmlAttribute}}{{else}}{{#if _value}}{{_value}}{{else}}{{_defaultValue}}{{/if}}{{/if}}')"
4
4
  x-ignore
@@ -42,7 +42,7 @@
42
42
  data-hr-search-suggest='{"templateUrl":"{{resourceUrl "suche/index~suggest.jsp"}}"}'{{/if}}
43
43
  >
44
44
 
45
- <label for="input{{getRandom}}" class="absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
45
+ <label for="input{{getRandom}}" class="{{_labelClass}} absolute left-[16px] top-px translate-y-0 translate-x-0 scale-75 text-gray-500
46
46
 
47
47
  peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-x-0 peer-placeholder-shown:translate-y-3
48
48
 
@@ -1,9 +1,15 @@
1
- {{~#if (isStorybook)~}}
2
- {{#>components/forms/backgroundBox }}
3
- <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" >
4
- {{> components/forms/fields }}
5
- </form>
6
- {{/components/forms/backgroundBox }}
1
+ {{~#if _newWebForm ~}}
2
+ {{#>components/forms/backgroundBox }}
3
+
4
+
5
+ <h3 class="mb-6 text-2xl font-headingSerif sm:mb-12">
6
+ {{this.title}}
7
+ </h3>
8
+
9
+ <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" >
10
+ {{> components/forms/fields }}
11
+ </form>
12
+ {{/components/forms/backgroundBox }}
7
13
  {{~else~}}
8
14
  {{> content/webform/components/webform _addClass="print:hidden copytext__clearBox marginTrailer--m"}}
9
15
  {{~/if~}}