hr-design-system-handlebars 1.50.25 → 1.50.26

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.50.26 (Fri Dec 01 2023)
+
+#### 🐛 Bug Fix
+
+- - fixed hover colors in structurNav [#775](https://github.com/mumprod/hr-design-system-handlebars/pull/775) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.50.25 (Thu Nov 30 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3198,7 +3198,7 @@ article.indexText ul {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1701369868452;
+  counter-reset: cnt1701420746137;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3459,7 +3459,7 @@ article.indexText ul {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1701369868452 1;
+  counter-increment: cnt1701420746137 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3475,7 +3475,7 @@ article.indexText ul {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1701369868452);
+  content: counter(cnt1701420746137);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4330,7 +4330,7 @@ article.indexText ul {
     --color-button: #333333;
     --color-button--dark: #007396;
     --color-button-inverted: #ffffff;
-    --color-button-inverted--dark: #007396;
+    --color-button-inverted--dark: #d4d4d4;
     --color-button-disabled: #d4d4d4;
     --color-button-disabled--dark: #797979;
  
@@ -4948,9 +4948,17 @@ article.indexText ul {
   fill: #276b9e;
   fill: var(--color-media-button);
 }
+.hover\:fill-structure-nav-text-mobile:hover {
+  fill: #005293;
+  fill: var(--structure-nav-text-mobile);
+}
 .hover\:text-button--dark:hover {
   color: var(--color-button--dark);
 }
+.hover\:text-structure-nav-text-mobile:hover {
+  color: #005293;
+  color: var(--structure-nav-text-mobile);
+}
 .hover\:text-toplineColor:hover {
   color: #006dc1;
   color: var(--color-topline);

package/dist/views/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>

package/dist/views_static/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>

package/package.json

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

package/src/assets/tailwind.css

@@ -776,7 +776,7 @@
     --color-button: theme('colors.gray.darker');
     --color-button--dark: theme('colors.blue.blueLuxury');
     --color-button-inverted: theme('colors.white.DEFAULT');
-    --color-button-inverted--dark: theme('colors.blue.blueLuxury');
+    --color-button-inverted--dark: theme('colors.gray.lightGray');
     --color-button-disabled: theme('colors.gray.lightGray');
     --color-button-disabled--dark: theme('colors.gray.boulder');
  

package/src/stories/views/components/banner/structure_nav/structure_nav.hbs

@@ -3,12 +3,12 @@
         <nav class="md:px-5 lg:px-10 col-full sm:col-main bg-structure-nav"
             x-data="{ isOpen: false}">
             <div class="relative flex flex-wrap items-center mx-auto" @click.outside="isOpen = false"> 
-                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2" _onBackground=true}}
+                {{#> components/button/button _size="lg" _variant="tertiary" _disableButtonPress=true _alpineClick="isOpen = !isOpen" _css="md:hidden mr-2 fill-structure-nav-text text-structure-nav-text hover:text-structure-nav-text-mobile hover:fill-structure-nav-text-mobile" _onBackground=true}}
                     <span class="hidden" :class="{ 'hidden': isOpen }">
-                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="burger--weiss" _iconmap="icons" _css="" }}
                     </span> 
                     <span class="hidden" :class="{ 'hidden': !isOpen }">
-                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="fill-structure-nav-text" }}
+                        {{> components/button/components/button_icon _icon="close" _iconmap="icons" _css="" }}
                     </span>
                 {{/components/button/button}}
                 <span class="md:hidden text-structure-nav-text">{{this.title}}</span>