hr-design-system-handlebars 1.59.23 → 1.59.24

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.59.24 (Wed Mar 06 2024)
+
+#### 🐛 Bug Fix
+
+- 🐛 fix Bug in SubNavigation [#874](https://github.com/mumprod/hr-design-system-handlebars/pull/874) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.59.23 (Wed Mar 06 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -3316,7 +3316,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1709719785889;
+  counter-reset: cnt1709723830125;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3622,7 +3622,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1709719785889 1;
+  counter-increment: cnt1709723830125 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3638,7 +3638,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1709719785889);
+  content: counter(cnt1709723830125);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

package/dist/views/components/site_header/navigation_flyout/navigation_flyout.hbs

@@ -11,7 +11,7 @@
                 {{~#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out
                     {{#unless this.showAsFlyout}}
                         {{#if ../this.selected}}
-                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 flex justify-center
+                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 justify-center grid grid-page
                         {{else}} z-120 lg:left-auto lg:w-auto {{/if}}
                     {{else}} z-120 lg:left-auto lg:w-auto divide-y divide-gray-200{{/unless}}
                 {{else}} z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}
@@ -40,7 +40,7 @@
             {{/if}}          
         {{/if}}
         
-        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">
+        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} lg:grid-cols-12 lg:px-9.5 col-main  {{/if}}{{/if}}">
             {{#if this.showAsFlyout}}
                 {{#each this.columns}}
                     {{> components/site_header/navigation_flyout/navigation_flyout_column _count=../this.columnCount _navtype=../../_navigationType _parent=../../_parent _flyout=true~}}

package/dist/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs

@@ -1,5 +1,5 @@
 <li :class="dropped ? 'h-auto' : 'h-10'"  
-    class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
+    class="lg:border-0 sb-navigation-flyout-item pl-5 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
     {{~#with this}}
         {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
             {{this.text}}      

package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout.hbs

@@ -11,7 +11,7 @@
                 {{~#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out
                     {{#unless this.showAsFlyout}}
                         {{#if ../this.selected}}
-                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 flex justify-center
+                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 justify-center grid grid-page
                         {{else}} z-120 lg:left-auto lg:w-auto {{/if}}
                     {{else}} z-120 lg:left-auto lg:w-auto divide-y divide-gray-200{{/unless}}
                 {{else}} z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}
@@ -40,7 +40,7 @@
             {{/if}}          
         {{/if}}
         
-        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">
+        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} lg:grid-cols-12 lg:px-9.5 col-main  {{/if}}{{/if}}">
             {{#if this.showAsFlyout}}
                 {{#each this.columns}}
                     {{> components/site_header/navigation_flyout/navigation_flyout_column _count=../this.columnCount _navtype=../../_navigationType _parent=../../_parent _flyout=true~}}

package/dist/views_static/components/site_header/navigation_flyout/navigation_flyout_item.hbs

@@ -1,5 +1,5 @@
 <li :class="dropped ? 'h-auto' : 'h-10'"  
-    class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
+    class="lg:border-0 sb-navigation-flyout-item pl-5 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
     {{~#with this}}
         {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
             {{this.text}}      

package/package.json

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

package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.hbs

@@ -11,7 +11,7 @@
                 {{~#if ../_isSectionNav}} relative md:top-auto md:left-auto lg:mt-10 w-full transition-all duration-500 ease-in-out
                     {{#unless this.showAsFlyout}}
                         {{#if ../this.selected}}
-                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 flex justify-center
+                            isSelectedAndOpen  lg:ml-0 z-100 lg:border-b lg:border-primary lg:filter-none lg:left-0 justify-center grid grid-page
                         {{else}} z-120 lg:left-auto lg:w-auto {{/if}}
                     {{else}} z-120 lg:left-auto lg:w-auto divide-y divide-gray-200{{/unless}}
                 {{else}} z-120 lg:rounded-b absolute w-full top-10 left-0 md:w-80 lg:w-92 md:top-12 lg:px-4 md:mt-0 md:left-0 lg:top-15 lg:left-0 divide-y divide-gray-200 tablet:w-half-screen tablet:ml-half-screen tablet:right-0 tablet:left-auto {{/if}}
@@ -40,7 +40,7 @@
             {{/if}}          
         {{/if}}
         
-        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} w-full lg:px-10 lg:container {{/if}}{{/if}}">
+        <div class="{{#if this.showAsFlyout}}lg:flex lg:flex-row -columnCount--{{this.columnCount}} lg:divide-x lg:divide-gray-200 {{else}} {{#if ../this.selected}} lg:grid-cols-12 lg:px-9.5 col-main  {{/if}}{{/if}}">
             {{#if this.showAsFlyout}}
                 {{#each this.columns}}
                     {{> components/site_header/navigation_flyout/navigation_flyout_column _count=../this.columnCount _navtype=../../_navigationType _parent=../../_parent _flyout=true~}}

package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs

@@ -1,5 +1,5 @@
 <li :class="dropped ? 'h-auto' : 'h-10'"  
-    class="lg:border-0 sb-navigation-flyout-item pl-4 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
+    class="lg:border-0 sb-navigation-flyout-item pl-5 {{#if _flyout}}lg:px-0 {{else}}lg:px-2 lg:first-of-type:pl-0 {{/if}}{{#if _parentselected}}lg:whitespace-nowrap{{/if}} flex h-auto text-base leading-6 border-b border-gray-200 first:border-t md:first:border-t-0 last:border-b last:border-navigation-border-color lg:last:border-0 text-primary justify-start hover:underline">
     {{~#with this}}
         {{~#> components/base/link _link=this.link _css=(inline-switch _fromNav '["RubrikNavigation","ServiceNavigation","SubNavInRubrikNav"]' '["link-focus-inset py-2 w-full","link-focus py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full","link-focus-inset py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
             {{this.text}}