hr-design-system-handlebars 1.114.111 → 1.114.112

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,15 @@
1
+ # v1.114.112 (Wed Feb 26 2025)
2
+
3
+ #### ⚠️ Pushed to `main`
4
+
5
+ - Refactor No JS interaction ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
1
13
  # v1.114.111 (Wed Feb 26 2025)
2
14
 
3
15
  #### ⚠️ Pushed to `main`
@@ -3849,7 +3849,7 @@ article #commentList {
3849
3849
  border-bottom-color: var(--color-secondary-ds);
3850
3850
  }
3851
3851
  .counter-reset {
3852
- counter-reset: cnt1740586512261;
3852
+ counter-reset: cnt1740588087735;
3853
3853
  }
3854
3854
  .animate-delay-100 {
3855
3855
  --tw-animate-delay: 100ms;
@@ -4294,7 +4294,7 @@ html { scroll-behavior: smooth; }
4294
4294
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4295
4295
  }
4296
4296
  .-ordered {
4297
- counter-increment: cnt1740586512261 1;
4297
+ counter-increment: cnt1740588087735 1;
4298
4298
  }
4299
4299
  .-ordered::before {
4300
4300
  position: absolute;
@@ -4312,7 +4312,7 @@ html { scroll-behavior: smooth; }
4312
4312
  --tw-text-opacity: 1;
4313
4313
  color: rgba(0, 0, 0, 1);
4314
4314
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4315
- content: counter(cnt1740586512261);
4315
+ content: counter(cnt1740588087735);
4316
4316
  }
4317
4317
  /*! ****************************/
4318
4318
  /*! DataPolicy stuff */
@@ -30,34 +30,36 @@
30
30
  >
31
31
  {{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
32
32
 
33
- <div class="js-voting-form__bottomWrapper">
34
- {{#if this.shorttext}}
35
- <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
36
- {{/if}}
37
-
38
- <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
39
- {{#if ../this.isMultipleChoice}}
40
- {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
41
- {{else}}
42
- {{loca "votingform_single_answer_text"}}
33
+ <div id="voting_form">
34
+ <div class="js-voting-form__bottomWrapper">
35
+ {{#if this.shorttext}}
36
+ <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
43
37
  {{/if}}
44
- <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
45
- </div>
46
- {{> components/forms/components/fields
47
- _multipleChoice=../this.isMultipleChoice
48
- _isHorizontalLayout=this.isHorizontalLayout
49
- _isMultimediaVoting=../this.isMultimediaVoting
50
- _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
- _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
53
- _addClassLabelForDataPolicy="!pt-0"
54
- _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
55
- }}
56
- <div class="w-full h-12">
57
- {{#if this.is2FSecured}}
58
- <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
59
- {{/if}}
60
- {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
38
+
39
+ <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
40
+ {{#if ../this.isMultipleChoice}}
41
+ {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
42
+ {{else}}
43
+ {{loca "votingform_single_answer_text"}}
44
+ {{/if}}
45
+ <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
46
+ </div>
47
+ {{> components/forms/components/fields
48
+ _multipleChoice=../this.isMultipleChoice
49
+ _isHorizontalLayout=this.isHorizontalLayout
50
+ _isMultimediaVoting=../this.isMultimediaVoting
51
+ _addClassGroup="!flex-col mt-2"
52
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
53
+ _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
54
+ _addClassLabelForDataPolicy="!pt-0"
55
+ _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
56
+ }}
57
+ <div class="w-full h-12">
58
+ {{#if this.is2FSecured}}
59
+ <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
60
+ {{/if}}
61
+ {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
62
+ </div>
61
63
  </div>
62
64
  </div>
63
65
  <script type="text/html" class="js-successMessage">
@@ -110,6 +112,12 @@
110
112
  {{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
111
113
  {{/unless}}
112
114
  {{/with}}
115
+ <div id="voting_form_hint">
116
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
117
+ <p class="font-bold">Hinweis</p>
118
+ <p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
119
+ </div>
120
+ </div>
113
121
  {{/components/forms/components/backgroundBox }}
114
122
 
115
123
  {{!--Featured Content--}}
@@ -30,34 +30,36 @@
30
30
  >
31
31
  {{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
32
32
 
33
- <div class="js-voting-form__bottomWrapper">
34
- {{#if this.shorttext}}
35
- <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
36
- {{/if}}
37
-
38
- <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
39
- {{#if ../this.isMultipleChoice}}
40
- {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
41
- {{else}}
42
- {{loca "votingform_single_answer_text"}}
33
+ <div id="voting_form">
34
+ <div class="js-voting-form__bottomWrapper">
35
+ {{#if this.shorttext}}
36
+ <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
43
37
  {{/if}}
44
- <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
45
- </div>
46
- {{> components/forms/components/fields
47
- _multipleChoice=../this.isMultipleChoice
48
- _isHorizontalLayout=this.isHorizontalLayout
49
- _isMultimediaVoting=../this.isMultimediaVoting
50
- _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
- _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
53
- _addClassLabelForDataPolicy="!pt-0"
54
- _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
55
- }}
56
- <div class="w-full h-12">
57
- {{#if this.is2FSecured}}
58
- <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
59
- {{/if}}
60
- {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
38
+
39
+ <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
40
+ {{#if ../this.isMultipleChoice}}
41
+ {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
42
+ {{else}}
43
+ {{loca "votingform_single_answer_text"}}
44
+ {{/if}}
45
+ <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
46
+ </div>
47
+ {{> components/forms/components/fields
48
+ _multipleChoice=../this.isMultipleChoice
49
+ _isHorizontalLayout=this.isHorizontalLayout
50
+ _isMultimediaVoting=../this.isMultimediaVoting
51
+ _addClassGroup="!flex-col mt-2"
52
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
53
+ _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
54
+ _addClassLabelForDataPolicy="!pt-0"
55
+ _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
56
+ }}
57
+ <div class="w-full h-12">
58
+ {{#if this.is2FSecured}}
59
+ <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
60
+ {{/if}}
61
+ {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
62
+ </div>
61
63
  </div>
62
64
  </div>
63
65
  <script type="text/html" class="js-successMessage">
@@ -110,6 +112,12 @@
110
112
  {{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
111
113
  {{/unless}}
112
114
  {{/with}}
115
+ <div id="voting_form_hint">
116
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
117
+ <p class="font-bold">Hinweis</p>
118
+ <p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
119
+ </div>
120
+ </div>
113
121
  {{/components/forms/components/backgroundBox }}
114
122
 
115
123
  {{!--Featured Content--}}
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.114.111",
9
+ "version": "1.114.112",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -30,34 +30,36 @@
30
30
  >
31
31
  {{> components/voting/components/voting_header _isTeaser=../../_isTeaser _title=../this.title _topline=../this.topline}}
32
32
 
33
- <div class="js-voting-form__bottomWrapper">
34
- {{#if this.shorttext}}
35
- <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
36
- {{/if}}
37
-
38
- <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
39
- {{#if ../this.isMultipleChoice}}
40
- {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
41
- {{else}}
42
- {{loca "votingform_single_answer_text"}}
33
+ <div id="voting_form">
34
+ <div class="js-voting-form__bottomWrapper">
35
+ {{#if this.shorttext}}
36
+ <p class="mt-3 text-base font-copy sm:text-lg dark:text-text-dark">{{this.shorttext}}</p>
43
37
  {{/if}}
44
- <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
45
- </div>
46
- {{> components/forms/components/fields
47
- _multipleChoice=../this.isMultipleChoice
48
- _isHorizontalLayout=this.isHorizontalLayout
49
- _isMultimediaVoting=../this.isMultimediaVoting
50
- _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
- _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
53
- _addClassLabelForDataPolicy="!pt-0"
54
- _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
55
- }}
56
- <div class="w-full h-12">
57
- {{#if this.is2FSecured}}
58
- <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
59
- {{/if}}
60
- {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
38
+
39
+ <div class="w-full mt-6 text-xs text-right sm:mt-8 font-headingSerif sm:text-sm text-gray-scorpion dark:text-text-dark">
40
+ {{#if ../this.isMultipleChoice}}
41
+ {{loca "votingform_open_answers_text" ../this.maxAnswerCount}}
42
+ {{else}}
43
+ {{loca "votingform_single_answer_text"}}
44
+ {{/if}}
45
+ <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
46
+ </div>
47
+ {{> components/forms/components/fields
48
+ _multipleChoice=../this.isMultipleChoice
49
+ _isHorizontalLayout=this.isHorizontalLayout
50
+ _isMultimediaVoting=../this.isMultimediaVoting
51
+ _addClassGroup="!flex-col mt-2"
52
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white dark:bg-black has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
53
+ _addClassLabel="w-full !pt-[15px] sm:!pt-[18px] !pb-[9px] sm:!pb-3.5 !pr-3 sm:!pr-4"
54
+ _addClassLabelForDataPolicy="!pt-0"
55
+ _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
56
+ }}
57
+ <div class="w-full h-12">
58
+ {{#if this.is2FSecured}}
59
+ <div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
60
+ {{/if}}
61
+ {{> components/voting/components/voting_submit _label="Abstimmen" _addClass="js-voting-submit-button"}}
62
+ </div>
61
63
  </div>
62
64
  </div>
63
65
  <script type="text/html" class="js-successMessage">
@@ -110,6 +112,12 @@
110
112
  {{> components/voting/voting_result _hideVotingResult=this.hideVotingResult}}
111
113
  {{/unless}}
112
114
  {{/with}}
115
+ <div id="voting_form_hint">
116
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
117
+ <p class="font-bold">Hinweis</p>
118
+ <p>Bitte aktivieren Sie JavaScript, um bei einem Voting abstimmen zu können.</p>
119
+ </div>
120
+ </div>
113
121
  {{/components/forms/components/backgroundBox }}
114
122
 
115
123
  {{!--Featured Content--}}