hr-design-system-handlebars 1.113.13 → 1.113.15

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.113.15 (Mon Nov 04 2024)
+
+#### 🐛 Bug Fix
+
+- new colors for PB buttons [#1142](https://github.com/mumprod/hr-design-system-handlebars/pull/1142) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.113.14 (Fri Nov 01 2024)
+
+#### 🐛 Bug Fix
+
+- modify display-logic for total number of votes [#1141](https://github.com/mumprod/hr-design-system-handlebars/pull/1141) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.113.13 (Fri Nov 01 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3658,7 +3658,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1730483487625;
+  counter-reset: cnt1730726100946;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4072,7 +4072,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1730483487625 1;
+  counter-increment: cnt1730726100946 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4090,7 +4090,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1730483487625);
+  content: counter(cnt1730726100946);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4666,8 +4666,8 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: #007396;
     --color-cluster-teaser-headline: #6d0041;
     /* Button */
-    --color-button: #000000;
-    --color-button--dark: #6d0041;
+    --color-button: #007396;
+    --color-button--dark: #00375d;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
@@ -4763,7 +4763,7 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #00375d;
     /* Button */
-    --color-button: #000000;
+    --color-button: #276b9e;
     --color-button--dark: #00375d;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
@@ -4987,8 +4987,8 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #007396;
     /* Button */
-    --color-button: #000000;
-    --color-button--dark: #007396;
+    --color-button: #007396;
+    --color-button--dark: #00375d;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
@@ -5087,7 +5087,7 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: #AB2F2D;
     --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
-    --color-button: #000000;
+    --color-button: #AB2F2D;
     --color-button--dark: #8d2725;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
@@ -5188,7 +5188,7 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: #007A7C;
     --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
-    --color-button: #000000;
+    --color-button: #007A7C;
     --color-button--dark: #00646f;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
@@ -5296,8 +5296,8 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #00375d;
     /* Button */
-    --color-button: #333333;
-    --color-button--dark: #007396;
+    --color-button: #007396;
+    --color-button--dark: #00375d;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #d4d4d4;
     --color-button-disabled: #d4d4d4;
@@ -5397,8 +5397,8 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: #000000;
     --color-cluster-teaser-headline: #000000;
     /* Button */
-    --color-button: #433d37;
-    --color-button--dark: #6e6748;
+    --color-button: #e0ae00;
+    --color-button--dark: #916B00;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
@@ -5503,7 +5503,7 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: #8C033D;
     --color-cluster-teaser-headline: #000000;
     /* Button */
-    --color-button: #433d37;
+    --color-button: #8C033D;
     --color-button--dark: #6d0041;
     --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #433d37;
@@ -5626,9 +5626,9 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: #000000;
     /* Button */
-    --color-button: #606060;
-    --color-button-inverted: #ffffff;
+    --color-button: #c20016;
     --color-button--dark: #8d2725;
+    --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
     --color-media-button: var(--color-primary-ds);
@@ -5733,9 +5733,9 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-link);
     --color-cluster-teaser-headline: #000000;
     /* Button */
-    --color-button: #000000;
-    --color-button-inverted: #ffffff;
+    --color-button: #168378;
     --color-button--dark: #0F6157;
+    --color-button-inverted: #ffffff;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
     --color-media-button: #0F6157;
@@ -5858,9 +5858,9 @@ select:has(option:checked[value='']) {
     --color-cluster-teaser-link: var(--color-link);
     --color-cluster-teaser-headline: #000000;
     /* Button */
-    --color-button: #000000;
+    --color-button: #007EA1;
+    --color-button--dark: #006783;
     --color-button-inverted: #ffffff;
-    --color-button--dark: #00646f;
     --color-button-inverted--dark: #eaf3fa;
     /* Media-Button */
     --color-media-button: #000000;

package/dist/views/components/voting/voting_result.hbs

@@ -28,13 +28,21 @@
         </div>
     {{/each}}
     
-    {{!#unless this.showAbsoluteResult}}
+    {{#if this.isMultipleChoice}}
+        {{#unless this.showAbsoluteResult}}
+            {{#if this.showVoteResult}}
+                <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
+                    {{loca "votingform_vote_result"}}{{this.summarizedResult}}
+                </p>
+            {{/if}}
+        {{/unless}}
+    {{else}}
         {{#if this.showVoteResult}}
             <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
                 {{loca "votingform_vote_result"}}{{this.summarizedResult}}
             </p>
         {{/if}}
-    {{!/unless}}    
+    {{/if}}    
 {{/if}}
 
 {{#if _isVotingOver}}

package/dist/views_static/components/voting/voting_result.hbs

@@ -28,13 +28,21 @@
         </div>
     {{/each}}
     
-    {{!#unless this.showAbsoluteResult}}
+    {{#if this.isMultipleChoice}}
+        {{#unless this.showAbsoluteResult}}
+            {{#if this.showVoteResult}}
+                <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
+                    {{loca "votingform_vote_result"}}{{this.summarizedResult}}
+                </p>
+            {{/if}}
+        {{/unless}}
+    {{else}}
         {{#if this.showVoteResult}}
             <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
                 {{loca "votingform_vote_result"}}{{this.summarizedResult}}
             </p>
         {{/if}}
-    {{!/unless}}    
+    {{/if}}    
 {{/if}}
 
 {{#if _isVotingOver}}

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.113.13",
+  "version": "1.113.15",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

package/src/assets/tailwind.css

@@ -424,8 +424,8 @@
     --color-cluster-teaser-link: theme('colors.blue.blueLuxury.hex');
     --color-cluster-teaser-headline: theme('colors.purple.pompadour');
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
-    --color-button--dark: theme('colors.purple.pompadour');
+    --color-button: theme('colors.blue.blueLuxury.hex');
+    --color-button--dark: theme('colors.blue.astronautBlue');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
@@ -535,7 +535,7 @@
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: theme('colors.blue.astronautBlue');
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
+    --color-button: theme('colors.blue.jellyBean.hex');
     --color-button--dark: theme('colors.blue.astronautBlue');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
@@ -783,8 +783,8 @@
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: theme('colors.blue.blueLuxury.hex');
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
-    --color-button--dark: theme('colors.blue.blueLuxury.hex');
+    --color-button: theme('colors.blue.blueLuxury.hex');
+    --color-button--dark: theme('colors.blue.astronautBlue');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
@@ -896,7 +896,7 @@
     --color-cluster-teaser-link: theme('colors.red.wellRead.hex');
     --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
+    --color-button: theme('colors.red.wellRead.hex');
     --color-button--dark: theme('colors.red.burntUmber');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
@@ -1008,7 +1008,7 @@
     --color-cluster-teaser-link: theme('colors.green.teal');
     --color-cluster-teaser-headline: var(--color-primary-ds);
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
+    --color-button: theme('colors.teal.DEFAULT.hex');
     --color-button--dark: theme('colors.blue.blueStone');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
@@ -1127,8 +1127,8 @@
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: theme('colors.blue.astronautBlue');
     /* Button */
-    --color-button: theme('colors.gray.darker');
-    --color-button--dark: theme('colors.blue.blueLuxury.hex');
+    --color-button: theme('colors.blue.blueLuxury.hex');
+    --color-button--dark: theme('colors.blue.astronautBlue');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.gray.lightGray');
     --color-button-disabled: theme('colors.gray.lightGray');
@@ -1241,8 +1241,8 @@
     --color-cluster-teaser-link: theme('colors.black.DEFAULT');
     --color-cluster-teaser-headline: theme('colors.black.DEFAULT');
     /* Button */
-    --color-button: #433d37;
-    --color-button--dark: theme('colors.green.goBen');
+    --color-button: theme('colors.yellow.corn');
+    --color-button--dark: theme('colors.yellow.olive.hex');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
@@ -1358,7 +1358,7 @@
     --color-cluster-teaser-link: theme('colors.red.paprika.hex');
     --color-cluster-teaser-headline: theme('colors.black.DEFAULT');
     /* Button */
-    --color-button: #433d37;
+    --color-button: theme('colors.red.paprika.hex');
     --color-button--dark: theme('colors.purple.pompadour');
     --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: #433d37;
@@ -1496,9 +1496,9 @@
     --color-cluster-teaser-link: var(--color-primary-ds);
     --color-cluster-teaser-headline: theme('colors.black.DEFAULT');
     /* Button */
-    --color-button: theme('colors.gray.scorpion');
-    --color-button-inverted: theme('colors.white.DEFAULT');
+    --color-button: theme('colors.red.monza.hex');
     --color-button--dark: theme('colors.red.burntUmber');
+    --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
     --color-media-button: var(--color-primary-ds);
@@ -1614,9 +1614,9 @@
     --color-cluster-teaser-link: var(--color-link);
     --color-cluster-teaser-headline: theme('colors.black.DEFAULT');
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
-    --color-button-inverted: theme('colors.white.DEFAULT');
+    --color-button: theme('colors.green.genoa');
     --color-button--dark: theme('colors.green.eden.hex');
+    --color-button-inverted: theme('colors.white.DEFAULT');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
     --color-media-button: theme('colors.green.eden.hex');
@@ -1750,9 +1750,9 @@
     --color-cluster-teaser-link: var(--color-link);
     --color-cluster-teaser-headline: theme('colors.black.DEFAULT');
     /* Button */
-    --color-button: theme('colors.black.DEFAULT');
+    --color-button: theme('colors.blue.lightCerulean');
+    --color-button--dark: theme('colors.blue.sea.hex');
     --color-button-inverted: theme('colors.white.DEFAULT');
-    --color-button--dark: theme('colors.blue.blueStone');
     --color-button-inverted--dark: theme('colors.blue.accented');
     /* Media-Button */
     --color-media-button: theme('colors.black.DEFAULT');

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

@@ -26,7 +26,7 @@ const Template = (args) => {
 
 export const Default = {
     render: Template.bind({}),
-    name: 'default',
+    name: 'Einfachauswahl',
     args: votingJson,
 }
 

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

@@ -28,13 +28,21 @@
         </div>
     {{/each}}
     
-    {{!#unless this.showAbsoluteResult}}
+    {{#if this.isMultipleChoice}}
+        {{#unless this.showAbsoluteResult}}
+            {{#if this.showVoteResult}}
+                <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
+                    {{loca "votingform_vote_result"}}{{this.summarizedResult}}
+                </p>
+            {{/if}}
+        {{/unless}}
+    {{else}}
         {{#if this.showVoteResult}}
             <p class="clear-both text-xs pt-7 sm:pt-9 font-headingSerif sm:text-sm text-gray-scorpion">
                 {{loca "votingform_vote_result"}}{{this.summarizedResult}}
             </p>
         {{/if}}
-    {{!/unless}}    
+    {{/if}}    
 {{/if}}
 
 {{#if _isVotingOver}}