hr-design-system-handlebars 1.114.0 → 1.114.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 +12 -0
- package/dist/assets/index.css +35 -10
- package/dist/views/components/forms/components/choice.hbs +1 -1
- package/dist/views/components/forms/components/choiceGroup.hbs +2 -1
- package/dist/views/components/forms/components/fields.hbs +2 -1
- package/dist/views/components/voting/voting.hbs +8 -1
- package/dist/views_static/components/forms/components/choice.hbs +1 -1
- package/dist/views_static/components/forms/components/choiceGroup.hbs +2 -1
- package/dist/views_static/components/forms/components/fields.hbs +2 -1
- package/dist/views_static/components/voting/voting.hbs +8 -1
- package/package.json +1 -1
- package/src/stories/views/components/forms/components/choice.hbs +1 -1
- package/src/stories/views/components/forms/components/choiceGroup.hbs +2 -1
- package/src/stories/views/components/forms/components/fields.hbs +2 -1
- package/src/stories/views/components/voting/voting.hbs +8 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v1.114.1 (Wed Nov 06 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- make voting-options clickable all over [#1149](https://github.com/mumprod/hr-design-system-handlebars/pull/1149) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v1.114.0 (Wed Nov 06 2024)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -1298,6 +1298,10 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
1298
1298
|
.m-8 {
|
|
1299
1299
|
margin: 2rem;
|
|
1300
1300
|
}
|
|
1301
|
+
.\!my-3 {
|
|
1302
|
+
margin-top: 0.75rem !important;
|
|
1303
|
+
margin-bottom: 0.75rem !important;
|
|
1304
|
+
}
|
|
1301
1305
|
.mx-0 {
|
|
1302
1306
|
margin-left: 0px;
|
|
1303
1307
|
margin-right: 0px;
|
|
@@ -1358,6 +1362,9 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
1358
1362
|
margin-top: 1.5rem;
|
|
1359
1363
|
margin-bottom: 1.5rem;
|
|
1360
1364
|
}
|
|
1365
|
+
.\!ml-3 {
|
|
1366
|
+
margin-left: 0.75rem !important;
|
|
1367
|
+
}
|
|
1361
1368
|
.\!mt-4 {
|
|
1362
1369
|
margin-top: 1rem !important;
|
|
1363
1370
|
}
|
|
@@ -2848,9 +2855,6 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
2848
2855
|
.p-2 {
|
|
2849
2856
|
padding: 0.5rem;
|
|
2850
2857
|
}
|
|
2851
|
-
.p-3 {
|
|
2852
|
-
padding: 0.75rem;
|
|
2853
|
-
}
|
|
2854
2858
|
.p-4 {
|
|
2855
2859
|
padding: 1rem;
|
|
2856
2860
|
}
|
|
@@ -2867,6 +2871,10 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
2867
2871
|
padding-left: 0px !important;
|
|
2868
2872
|
padding-right: 0px !important;
|
|
2869
2873
|
}
|
|
2874
|
+
.\!py-3 {
|
|
2875
|
+
padding-top: 0.75rem !important;
|
|
2876
|
+
padding-bottom: 0.75rem !important;
|
|
2877
|
+
}
|
|
2870
2878
|
.px-0 {
|
|
2871
2879
|
padding-left: 0px;
|
|
2872
2880
|
padding-right: 0px;
|
|
@@ -2967,6 +2975,9 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
2967
2975
|
padding-top: 1px;
|
|
2968
2976
|
padding-bottom: 1px;
|
|
2969
2977
|
}
|
|
2978
|
+
.\!pr-3 {
|
|
2979
|
+
padding-right: 0.75rem !important;
|
|
2980
|
+
}
|
|
2970
2981
|
.\!pt-0 {
|
|
2971
2982
|
padding-top: 0px !important;
|
|
2972
2983
|
}
|
|
@@ -3676,7 +3687,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3676
3687
|
border-bottom-color: var(--color-secondary-ds);
|
|
3677
3688
|
}
|
|
3678
3689
|
.counter-reset {
|
|
3679
|
-
counter-reset:
|
|
3690
|
+
counter-reset: cnt1730890238463;
|
|
3680
3691
|
}
|
|
3681
3692
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
3682
3693
|
font-size: 0.75rem;
|
|
@@ -4090,7 +4101,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4090
4101
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4091
4102
|
}
|
|
4092
4103
|
.-ordered {
|
|
4093
|
-
counter-increment:
|
|
4104
|
+
counter-increment: cnt1730890238463 1;
|
|
4094
4105
|
}
|
|
4095
4106
|
.-ordered::before {
|
|
4096
4107
|
position: absolute;
|
|
@@ -4108,7 +4119,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
4108
4119
|
--tw-text-opacity: 1;
|
|
4109
4120
|
color: rgba(0, 0, 0, 1);
|
|
4110
4121
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4111
|
-
content: counter(
|
|
4122
|
+
content: counter(cnt1730890238463);
|
|
4112
4123
|
}
|
|
4113
4124
|
/*! ****************************/
|
|
4114
4125
|
/*! DataPolicy stuff */
|
|
@@ -6639,6 +6650,11 @@ select:has(option:checked[value='']) {
|
|
|
6639
6650
|
float: left;
|
|
6640
6651
|
}
|
|
6641
6652
|
|
|
6653
|
+
.sm\:\!my-4 {
|
|
6654
|
+
margin-top: 1rem !important;
|
|
6655
|
+
margin-bottom: 1rem !important;
|
|
6656
|
+
}
|
|
6657
|
+
|
|
6642
6658
|
.sm\:mx-0 {
|
|
6643
6659
|
margin-left: 0px;
|
|
6644
6660
|
margin-right: 0px;
|
|
@@ -6674,6 +6690,10 @@ select:has(option:checked[value='']) {
|
|
|
6674
6690
|
margin-bottom: 1.75rem;
|
|
6675
6691
|
}
|
|
6676
6692
|
|
|
6693
|
+
.sm\:\!ml-4 {
|
|
6694
|
+
margin-left: 1rem !important;
|
|
6695
|
+
}
|
|
6696
|
+
|
|
6677
6697
|
.sm\:mb-12 {
|
|
6678
6698
|
margin-bottom: 3rem;
|
|
6679
6699
|
}
|
|
@@ -6835,14 +6855,15 @@ select:has(option:checked[value='']) {
|
|
|
6835
6855
|
background-color: transparent;
|
|
6836
6856
|
}
|
|
6837
6857
|
|
|
6838
|
-
.sm\:p-4 {
|
|
6839
|
-
padding: 1rem;
|
|
6840
|
-
}
|
|
6841
|
-
|
|
6842
6858
|
.sm\:p-5 {
|
|
6843
6859
|
padding: 1.25rem;
|
|
6844
6860
|
}
|
|
6845
6861
|
|
|
6862
|
+
.sm\:\!py-4 {
|
|
6863
|
+
padding-top: 1rem !important;
|
|
6864
|
+
padding-bottom: 1rem !important;
|
|
6865
|
+
}
|
|
6866
|
+
|
|
6846
6867
|
.sm\:px-0 {
|
|
6847
6868
|
padding-left: 0px;
|
|
6848
6869
|
padding-right: 0px;
|
|
@@ -6883,6 +6904,10 @@ select:has(option:checked[value='']) {
|
|
|
6883
6904
|
padding-bottom: 1rem;
|
|
6884
6905
|
}
|
|
6885
6906
|
|
|
6907
|
+
.sm\:\!pr-4 {
|
|
6908
|
+
padding-right: 1rem !important;
|
|
6909
|
+
}
|
|
6910
|
+
|
|
6886
6911
|
.sm\:pb-0 {
|
|
6887
6912
|
padding-bottom: 0px;
|
|
6888
6913
|
}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
{{/unless}}
|
|
11
11
|
>
|
|
12
12
|
<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
13
|
-
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}"
|
|
13
|
+
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
|
|
14
14
|
{{#if _required}}
|
|
15
15
|
:class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
|
|
16
16
|
{{/if}}
|
|
@@ -67,8 +67,9 @@
|
|
|
67
67
|
_required=this.isRequired
|
|
68
68
|
_multipleChoice=../_multipleChoice
|
|
69
69
|
_addClassGroup=../_addClassGroup
|
|
70
|
-
_addClassLabel=../_addClassLabel
|
|
71
70
|
_addClassChoice=../_addClassChoice
|
|
71
|
+
_addClassLabel=../_addClassLabel
|
|
72
|
+
_addClassInput=../_addClassInput
|
|
72
73
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
73
74
|
_formId=../_formId
|
|
74
75
|
}}
|
|
@@ -42,7 +42,14 @@
|
|
|
42
42
|
{{/if}}
|
|
43
43
|
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
44
44
|
</div>
|
|
45
|
-
{{> components/forms/components/fields
|
|
45
|
+
{{> components/forms/components/fields
|
|
46
|
+
_multipleChoice=../this.isMultipleChoice
|
|
47
|
+
_addClassGroup="!flex-col mt-2"
|
|
48
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
49
|
+
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
|
50
|
+
_addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"
|
|
51
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
52
|
+
}}
|
|
46
53
|
{{#if this.is2FSecured}}
|
|
47
54
|
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
48
55
|
{{/if}}
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
{{/unless}}
|
|
11
11
|
>
|
|
12
12
|
<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
13
|
-
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}"
|
|
13
|
+
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
|
|
14
14
|
{{#if _required}}
|
|
15
15
|
:class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
|
|
16
16
|
{{/if}}
|
|
@@ -67,8 +67,9 @@
|
|
|
67
67
|
_required=this.isRequired
|
|
68
68
|
_multipleChoice=../_multipleChoice
|
|
69
69
|
_addClassGroup=../_addClassGroup
|
|
70
|
-
_addClassLabel=../_addClassLabel
|
|
71
70
|
_addClassChoice=../_addClassChoice
|
|
71
|
+
_addClassLabel=../_addClassLabel
|
|
72
|
+
_addClassInput=../_addClassInput
|
|
72
73
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
73
74
|
_formId=../_formId
|
|
74
75
|
}}
|
|
@@ -42,7 +42,14 @@
|
|
|
42
42
|
{{/if}}
|
|
43
43
|
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
44
44
|
</div>
|
|
45
|
-
{{> components/forms/components/fields
|
|
45
|
+
{{> components/forms/components/fields
|
|
46
|
+
_multipleChoice=../this.isMultipleChoice
|
|
47
|
+
_addClassGroup="!flex-col mt-2"
|
|
48
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
49
|
+
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
|
50
|
+
_addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"
|
|
51
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
52
|
+
}}
|
|
46
53
|
{{#if this.is2FSecured}}
|
|
47
54
|
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
48
55
|
{{/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.114.
|
|
9
|
+
"version": "1.114.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
{{/unless}}
|
|
11
11
|
>
|
|
12
12
|
<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
13
|
-
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}"
|
|
13
|
+
<input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
|
|
14
14
|
{{#if _required}}
|
|
15
15
|
:class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
|
|
16
16
|
{{/if}}
|
|
@@ -67,8 +67,9 @@
|
|
|
67
67
|
_required=this.isRequired
|
|
68
68
|
_multipleChoice=../_multipleChoice
|
|
69
69
|
_addClassGroup=../_addClassGroup
|
|
70
|
-
_addClassLabel=../_addClassLabel
|
|
71
70
|
_addClassChoice=../_addClassChoice
|
|
71
|
+
_addClassLabel=../_addClassLabel
|
|
72
|
+
_addClassInput=../_addClassInput
|
|
72
73
|
_errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
|
|
73
74
|
_formId=../_formId
|
|
74
75
|
}}
|
|
@@ -42,7 +42,14 @@
|
|
|
42
42
|
{{/if}}
|
|
43
43
|
<span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
|
|
44
44
|
</div>
|
|
45
|
-
{{> components/forms/components/fields
|
|
45
|
+
{{> components/forms/components/fields
|
|
46
|
+
_multipleChoice=../this.isMultipleChoice
|
|
47
|
+
_addClassGroup="!flex-col mt-2"
|
|
48
|
+
_addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
|
|
49
|
+
_addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
|
|
50
|
+
_addClassLabelForDataPolicy="font-headingSerif !pt-0 !text-sm !text-gray-dark dark:!text-text-dark"
|
|
51
|
+
_addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
|
|
52
|
+
}}
|
|
46
53
|
{{#if this.is2FSecured}}
|
|
47
54
|
<div class="float-left mt-1 text-xs text-gray-scorpion dark:text-text-dark font-headingSerif">{{loca "form_text_required"}}</div>
|
|
48
55
|
{{/if}}
|