hr-design-system-handlebars 1.52.22 → 1.52.24

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.52.24 (Wed Jan 31 2024)
+
+#### 🐛 Bug Fix
+
+- - fixes wrong tabindex  in section_navigation_item.hbs [#825](https://github.com/mumprod/hr-design-system-handlebars/pull/825) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.52.23 (Wed Jan 31 2024)
+
+#### 🐛 Bug Fix
+
+- change spaces in fuckin infobox [#824](https://github.com/mumprod/hr-design-system-handlebars/pull/824) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.52.22 (Tue Jan 30 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1350,6 +1350,9 @@ a.link {
 .mb-10 {
   margin-bottom: 2.5rem;
 }
+.mb-12 {
+  margin-bottom: 3rem;
+}
 .mb-3 {
   margin-bottom: 0.75rem;
 }
@@ -3293,7 +3296,7 @@ a.link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1706637537255;
+  counter-reset: cnt1706705068060;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3595,7 +3598,7 @@ a.link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1706637537255 1;
+  counter-increment: cnt1706705068060 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3611,7 +3614,7 @@ a.link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1706637537255);
+  content: counter(cnt1706705068060);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -5713,9 +5716,13 @@ a.link {
     margin-right: 2rem;
   }
 
-  .sm\:my-16 {
-    margin-top: 4rem;
-    margin-bottom: 4rem;
+  .sm\:my-14 {
+    margin-top: 3.5rem;
+    margin-bottom: 3.5rem;
+  }
+
+  .sm\:mb-14 {
+    margin-bottom: 3.5rem;
   }
 
   .sm\:mb-7 {
@@ -5754,6 +5761,10 @@ a.link {
     margin-top: 3rem;
   }
 
+  .sm\:mt-7 {
+    margin-top: 1.75rem;
+  }
+
   .sm\:block {
     display: block;
   }

package/dist/views/components/content/copytext/components/infobox.hbs

@@ -1,4 +1,4 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 my-12 sm:my-16 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both {{else}}mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
     

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

@@ -1,7 +1,7 @@
 <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">
     {{~#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 py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
+        {{~#> 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}}      
             {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
         {{~/components/base/link}} 

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

@@ -30,7 +30,7 @@
                         :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
                         class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 
                         aria-haspopup="true"  
-                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen ? '0' : '-1')"
+                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}" 
                         aria-controls="flyout-{{getRandom}}" 
                         aria-labelledby="flyout-{{getRandom}}-1" 

package/dist/views_static/components/content/copytext/components/infobox.hbs

@@ -1,4 +1,4 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 my-12 sm:my-16 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both {{else}}mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
     

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

@@ -1,7 +1,7 @@
 <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">
     {{~#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 py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
+        {{~#> 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}}      
             {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
         {{~/components/base/link}} 

package/dist/views_static/components/site_header/section_navigation/section_navigation_item.hbs

@@ -30,7 +30,7 @@
                         :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
                         class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 
                         aria-haspopup="true"  
-                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen ? '0' : '-1')"
+                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}" 
                         aria-controls="flyout-{{getRandom}}" 
                         aria-labelledby="flyout-{{getRandom}}-1" 

package/package.json

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

package/src/stories/views/components/content/copytext/components/infobox.hbs

@@ -1,4 +1,4 @@
-<div class="ml-1 sm:ml-6 px-4 sm:px-6 my-12 sm:my-16 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both {{else}}mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
+<div class="ml-1 sm:ml-6 px-4 sm:px-6 border-l-4 border-gray-boulder overflow-auto {{#if this.paragraphProperties.[0].showFullSize }}clear-both my-12 sm:my-14 {{else}}mb-12 sm:mb-14 sm:mt-7 mt-12 mr-0 sm:mr-5 w-full sm:w-1/2 sm:float-left{{/if}}">
     
     <span class="sr-only">{{loca "story_infobox_intro_sr" }}</span>
     

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

@@ -1,7 +1,7 @@
 <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">
     {{~#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 py-2 md:pl-0 lg:pl-0 lg:pr-0 break-words w-full"]') ~}}
+        {{~#> 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}}      
             {{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons" }}{{/if}}
         {{~/components/base/link}} 

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

@@ -30,7 +30,7 @@
                         :class="dropped ? 'lg:underline font-bold lg:font-normal' : 'font-normal'"
                         class="js-noStateManager {{#if this.selected}}-currentSection lg:justify-center !font-bold {{/if}}link-focus-inset js-load pl-4 pr-8 lg:pr-4 flex flex-auto justify-between lg:flex-initial h-10 lg:w-full items-center leading-4" 
                         aria-haspopup="true"  
-                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen ? '0' : '-1')"
+                        x-effect="$el.setAttribute('aria-expanded', dropped);$el.setAttribute('tabindex',  $store.burgeropen || $screen('lg') ? '0' : '-1')"
                         aria-owns="flyout-{{getRandom}}" 
                         aria-controls="flyout-{{getRandom}}" 
                         aria-labelledby="flyout-{{getRandom}}-1"