hr-design-system-handlebars 1.114.20 → 1.114.22

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +9 -3
  3. package/dist/views/components/forms/components/choice.hbs +3 -3
  4. package/dist/views/components/voting/voting.hbs +1 -1
  5. package/dist/views_static/components/forms/components/choice.hbs +3 -3
  6. package/dist/views_static/components/voting/voting.hbs +1 -1
  7. package/package.json +1 -1
  8. package/src/stories/views/components/forms/components/choice.hbs +3 -3
  9. package/src/stories/views/components/voting/voting.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.114.22 (Thu Nov 21 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Refactor choice.hbs to improve horizontal voting layout [#1172](https://github.com/mumprod/hr-design-system-handlebars/pull/1172) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
14
+ # v1.114.21 (Wed Nov 20 2024)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - adaptions for delivery 4 [#1171](https://github.com/mumprod/hr-design-system-handlebars/pull/1171) ([@hanswurstsalat](https://github.com/hanswurstsalat))
19
+
20
+ #### Authors: 1
21
+
22
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
23
+
24
+ ---
25
+
1
26
  # v1.114.20 (Wed Nov 20 2024)
2
27
 
3
28
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3686,7 +3686,7 @@ article.indexTextDS .indexTextHighlighted .link {
3686
3686
  border-bottom-color: var(--color-secondary-ds);
3687
3687
  }
3688
3688
  .counter-reset {
3689
- counter-reset: cnt1732109151154;
3689
+ counter-reset: cnt1732189244445;
3690
3690
  }
3691
3691
  .placeholder-text-xs::-webkit-input-placeholder {
3692
3692
  font-size: 0.75rem;
@@ -4100,7 +4100,7 @@ article.indexTextDS .indexTextHighlighted .link {
4100
4100
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4101
4101
  }
4102
4102
  .-ordered {
4103
- counter-increment: cnt1732109151154 1;
4103
+ counter-increment: cnt1732189244445 1;
4104
4104
  }
4105
4105
  .-ordered::before {
4106
4106
  position: absolute;
@@ -4118,7 +4118,7 @@ article.indexTextDS .indexTextHighlighted .link {
4118
4118
  --tw-text-opacity: 1;
4119
4119
  color: rgba(0, 0, 0, 1);
4120
4120
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4121
- content: counter(cnt1732109151154);
4121
+ content: counter(cnt1732189244445);
4122
4122
  }
4123
4123
  /*! ****************************/
4124
4124
  /*! DataPolicy stuff */
@@ -6178,6 +6178,12 @@ select:has(option:checked[value='']) {
6178
6178
  .hover\:\!decoration-1:hover {
6179
6179
  text-decoration-thickness: 1px !important;
6180
6180
  }
6181
+ .hover\:\!outline-2:hover {
6182
+ outline-width: 2px !important;
6183
+ }
6184
+ .hover\:\!outline-blue-science-hex:hover {
6185
+ outline-color: #006dc1 !important;
6186
+ }
6181
6187
  .focus\:border-y-2:focus {
6182
6188
  border-top-width: 2px;
6183
6189
  border-bottom-width: 2px;
package/dist/views/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
2
+ <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow flex-1{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -9,7 +9,7 @@
9
9
  {{/if}}
10
10
  {{/unless}}
11
11
  >
12
- <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
12
+ <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
13
13
  {{#if this.mediaItem}}
14
14
  {{> components/forms/components/mediaChoice}}
15
15
  <div class="flex flex-row w-full">
@@ -64,7 +64,7 @@
64
64
  {{/if}}
65
65
  {{/if~}}
66
66
  >
67
- <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
67
+ <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-stretch justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
68
68
  {{#if _hasBody}}
69
69
  {{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
70
70
  {{else}}
package/dist/views/components/voting/voting.hbs CHANGED
@@ -48,7 +48,7 @@
48
48
  _isHorizontalLayout=this.isHorizontalLayout
49
49
  _isMultimediaVoting=../this.isMultimediaVoting
50
50
  _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
51
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
52
  _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
53
53
  _addClassLabelForDataPolicy="!pt-0"
54
54
  _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
package/dist/views_static/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
2
+ <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow flex-1{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -9,7 +9,7 @@
9
9
  {{/if}}
10
10
  {{/unless}}
11
11
  >
12
- <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
12
+ <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
13
13
  {{#if this.mediaItem}}
14
14
  {{> components/forms/components/mediaChoice}}
15
15
  <div class="flex flex-row w-full">
@@ -64,7 +64,7 @@
64
64
  {{/if}}
65
65
  {{/if~}}
66
66
  >
67
- <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
67
+ <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-stretch justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
68
68
  {{#if _hasBody}}
69
69
  {{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
70
70
  {{else}}
package/dist/views_static/components/voting/voting.hbs CHANGED
@@ -48,7 +48,7 @@
48
48
  _isHorizontalLayout=this.isHorizontalLayout
49
49
  _isMultimediaVoting=../this.isMultimediaVoting
50
50
  _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
51
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
52
  _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
53
53
  _addClassLabelForDataPolicy="!pt-0"
54
54
  _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"
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.20",
9
+ "version": "1.114.22",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
2
+ <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow flex-1{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -9,7 +9,7 @@
9
9
  {{/if}}
10
10
  {{/unless}}
11
11
  >
12
- <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
12
+ <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
13
13
  {{#if this.mediaItem}}
14
14
  {{> components/forms/components/mediaChoice}}
15
15
  <div class="flex flex-row w-full">
@@ -64,7 +64,7 @@
64
64
  {{/if}}
65
65
  {{/if~}}
66
66
  >
67
- <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-center justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
67
+ <label for="input{{getRandom}}" class="min-h-6 pt-0.5 items-stretch justify-center pl-2 cursor-pointer md:pl-3 text-text dark:text-text-dark md:text-base text-sm{{#if _addClassLabel}} {{_addClassLabel}}{{/if}}">
68
68
  {{#if _hasBody}}
69
69
  {{decorator_body}}{{#unless _inGroup}}{{#if _required}}*{{/if}}{{/unless}}
70
70
  {{else}}
package/src/stories/views/components/voting/voting.hbs CHANGED
@@ -48,7 +48,7 @@
48
48
  _isHorizontalLayout=this.isHorizontalLayout
49
49
  _isMultimediaVoting=../this.isMultimediaVoting
50
50
  _addClassGroup="!flex-col mt-2"
51
- _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
51
+ _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex hover:!outline-2 hover:!outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
52
52
  _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
53
53
  _addClassLabelForDataPolicy="!pt-0"
54
54
  _addClassInput="!my-3 sm:!my-4 !ml-3 sm:!ml-4"