hr-design-system-handlebars 1.18.0 → 1.18.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.18.1 (Thu May 04 2023)
+
+#### 🐛 Bug Fix
+
+- Top topics refactoring [#625](https://github.com/mumprod/hr-design-system-handlebars/pull/625) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.18.0 (Thu May 04 2023)
 
 #### 🚀 Enhancement

package/dist/assets/index.css

@@ -1861,10 +1861,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
 }
-.bg-blue-linkWater {
-  --tw-bg-opacity: 1;
-  background-color: rgba(211, 226, 244, var(--tw-bg-opacity));
-}
 .bg-button {
   background-color: var(--color-button);
 }
@@ -1989,6 +1985,10 @@ video {
   background-color: rgba(0, 110, 183, .85);
   background-color: rgb(var(--color-stage-text-box) / .85);
 }
+.bg-top-topic-background {
+  background-color: #d3e2f4;
+  background-color: var(--color-top-topic-background);
+}
 .bg-transparent {
   background-color: transparent;
 }
@@ -2439,6 +2439,9 @@ video {
 .text-button {
   color: var(--color-button);
 }
+.text-button--dark {
+  color: var(--color-button--dark);
+}
 .text-button-disabled--dark {
   color: var(--color-button-disabled--dark);
 }
@@ -2682,7 +2685,7 @@ video {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
 .counter-reset {
-  counter-reset: cnt1683204056048;
+  counter-reset: cnt1683208876543;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -2921,7 +2924,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1683204056048 1;
+  counter-increment: cnt1683208876543 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2937,7 +2940,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1683204056048);
+  content: counter(cnt1683208876543);
 }
 /*! ****************************/
 /*! text-shadow                */
@@ -2993,6 +2996,8 @@ video {
     --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
+    /*Hauptmenü*/
+    --color-top-topic-background: #d3e2f4;
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: #006dc1;
     /* Ticker, Live, Livestream */
@@ -3973,8 +3978,8 @@ video {
   fill: #276b9e;
   fill: var(--color-media-button);
 }
-.hover\:text-button:hover {
-  color: var(--color-button);
+.hover\:text-button--dark:hover {
+  color: var(--color-button--dark);
 }
 .hover\:text-toplineColor:hover {
   color: #006dc1;

package/dist/views/components/button/utilities/button_variation_classes.hbs

@@ -2,7 +2,7 @@
      {{inline-switch
         _variant
         '["primary","secondary","tertiary"]'
-        '[" border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark "," border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark  active:bg-button-inverted--dark "]'
+        '[" border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark ","border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
     ~}}
    {{else if _disabled~}}
 

package/dist/views/components/site_header/section_navigation/section_navigation_top_topics.hbs

@@ -1,5 +1,5 @@
 <li class="order-1 w-full lg:mr-2 lg:w-auto lg:order-2">
-    <ul class="flex flex-row items-center w-full p-4 text-left list-none bg-blue-linkWater lg:p-0 lg:bg-transparent lg:h-10">
+    <ul class="flex flex-row items-center w-full p-4 text-left list-none bg-top-topic-background lg:p-0 lg:bg-transparent lg:h-10">
         {{#each this.items}}
             <li class="{{#unless @last}}mr-3 {{/unless}}">
                 {{#> components/button/top_topics_button}}

package/package.json

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

package/src/assets/tailwind.css

@@ -13,6 +13,8 @@
     --color-highlight-1: theme('colors.blue.accented');
     --color-highlight-2: theme('colors.orange.spicyCarrot');
 
+    /*Hauptmenü*/
+    --color-top-topic-background: theme('colors.blue.linkWater');
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: theme('colors.blue.science');
     /* Ticker, Live, Livestream */

package/src/stories/views/components/button/utilities/button_variation_classes.hbs

@@ -2,7 +2,7 @@
      {{inline-switch
         _variant
         '["primary","secondary","tertiary"]'
-        '[" border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark "," border text-button bg-button-inverted border-button-inverted hover:bg-button-inverted--dark  active:bg-button-inverted--dark "]'
+        '[" border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "," border text-button-inverted border-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark active:text-button active:bg-button-inverted--dark "," bg-transparent border-transparent text-button-inverted hover:bg-button-inverted--dark  hover:text-button--dark hover:border-button-inverted--dark  active:text-button active:bg-button-inverted--dark ","border text-button--dark bg-button-inverted border-button-inverted hover:bg-button-inverted--dark hover:border-button-inverted--dark active:bg-button-inverted--dark "]'
     ~}}
    {{else if _disabled~}}
 

package/src/stories/views/components/site_header/section_navigation/section_navigation_top_topics.hbs

@@ -1,5 +1,5 @@
 <li class="order-1 w-full lg:mr-2 lg:w-auto lg:order-2">
-    <ul class="flex flex-row items-center w-full p-4 text-left list-none bg-blue-linkWater lg:p-0 lg:bg-transparent lg:h-10">
+    <ul class="flex flex-row items-center w-full p-4 text-left list-none bg-top-topic-background lg:p-0 lg:bg-transparent lg:h-10">
         {{#each this.items}}
             <li class="{{#unless @last}}mr-3 {{/unless}}">
                 {{#> components/button/top_topics_button}}

package/tailwind.config.js

@@ -317,6 +317,7 @@ module.exports = {
                 'secondary': 'var(--color-secondary-ds)',
                 'highlight-1': 'var(--color-highlight-1)',
                 'highlight-2': 'var(--color-highlight-2)',
+                'top-topic-background':  'var(--color-top-topic-background)',
                 'labelMedia': 'var(--color-label-media)',
                 'labelEvent': 'var(--color-label-event)',
                 'labelBreakingnews': 'var(--color-label-breakingnews)',