hr-design-system-handlebars 0.123.3 → 0.123.5

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.123.5 (Wed Feb 08 2023)
+
+#### 🐛 Bug Fix
+
+- fixes lineheight in dropdown button and items [#525](https://github.com/mumprod/hr-design-system-handlebars/pull/525) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v0.123.4 (Wed Feb 08 2023)
+
+#### 🐛 Bug Fix
+
+- better positioning of menuitem title and icons [#524](https://github.com/mumprod/hr-design-system-handlebars/pull/524) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.123.3 (Wed Feb 08 2023)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -1154,6 +1154,12 @@ video {
 .ml-2 {
   margin-left: 0.5rem;
 }
+.-mt-0\.5 {
+  margin-top: -0.125rem;
+}
+.-mt-0 {
+  margin-top: -0px;
+}
 .mt-4 {
   margin-top: 1rem;
 }
@@ -1223,12 +1229,6 @@ video {
 .mr-2 {
   margin-right: 0.5rem;
 }
-.-mt-0\.5 {
-  margin-top: -0.125rem;
-}
-.-mt-0 {
-  margin-top: -0px;
-}
 .-mt-3 {
   margin-top: -0.75rem;
 }
@@ -2036,6 +2036,12 @@ video {
 .pl-2 {
   padding-left: 0.5rem;
 }
+.pt-0\.5 {
+  padding-top: 0.125rem;
+}
+.pt-0 {
+  padding-top: 0px;
+}
 .pt-px {
   padding-top: 1px;
 }
@@ -2093,9 +2099,6 @@ video {
 .pr-10 {
   padding-right: 2.5rem;
 }
-.pt-0 {
-  padding-top: 0px;
-}
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -2506,7 +2509,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1675855473029;
+  counter-reset: cnt1675861970060;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2724,7 +2727,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1675855473029 1;
+  counter-increment: cnt1675861970060 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2740,7 +2743,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1675855473029);
+  content: counter(cnt1675861970060);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/content_nav/content_nav_dropdown.hbs

@@ -14,7 +14,7 @@
             @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')"
          {{/if}}
     >
-        <span class="self-center w-full p-2 text-base text-left">{{_buttonText}}</span>
+        <span class="self-center w-full p-2 text-base leading-4 text-left">{{_buttonText}}</span>
         <div class="flex self-center w-auto h-full border-l border-content-nav">
             <span :class="{'hidden' : contentNavDropdownIsOpen}"
                   class="flex self-center px-3 py-3"

package/dist/views/components/content_nav/content_nav_item.hbs

@@ -10,19 +10,20 @@
         _doNavigationTracking="true" 
         _clickLabelType="Contentnavigation" 
         _clickLabelPrefix1=this.title 
-        _css="flex ds-link-inset items-center py-2 px-2 h-10 whitespace-nowrap overflow-hidden" 
+        _css="flex ds-link-inset items-center py-2 px-2 whitespace-nowrap overflow-hidden" 
         _isSelected=this.isSelected
         _selectedCssClass="is-selected"
     }}
         
-        <span class="block text-base grow font-copy js-title truncate ... ">
+        <span class="block text-base leading-4 pt-0.5 grow font-copy js-title truncate ... ">
             {{~this.title~}}
             {{~#if this.link.hasIcon~}}
-                {{> components/base/image/icon _icon=this.link.iconName _addClass="ml-2 h-4 w-4 inline" _iconmap="icons"}}
+                {{> components/base/image/icon _icon=this.link.iconName _addClass="ml-2 -mt-0.5 h-4 w-4 inline" _iconmap="icons"}}
             {{~/if~}}
         </span>
+        
         <span>
-            {{>components/base/image/icon _icon="arrow-right" _addClass="h-4 w-4 ml-2" }} 
+            {{>components/base/image/icon _icon="arrow-right" _addClass="h-4 w-4 ml-2 inline" }} 
         </span>
 
     {{/decorator}} 

package/package.json

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

package/src/stories/views/components/content_nav/content_nav_dropdown.hbs

@@ -14,7 +14,7 @@
             @resize.window="if(window.innerWidth > 767){contentNavDropdownIsOpen = false}; $dispatch('hr:global:resetinputAutoSuggest')"
          {{/if}}
     >
-        <span class="self-center w-full p-2 text-base text-left">{{_buttonText}}</span>
+        <span class="self-center w-full p-2 text-base leading-4 text-left">{{_buttonText}}</span>
         <div class="flex self-center w-auto h-full border-l border-content-nav">
             <span :class="{'hidden' : contentNavDropdownIsOpen}"
                   class="flex self-center px-3 py-3"

package/src/stories/views/components/content_nav/content_nav_item.hbs

@@ -10,19 +10,20 @@
         _doNavigationTracking="true" 
         _clickLabelType="Contentnavigation" 
         _clickLabelPrefix1=this.title 
-        _css="flex ds-link-inset items-center py-2 px-2 h-10 whitespace-nowrap overflow-hidden" 
+        _css="flex ds-link-inset items-center py-2 px-2 whitespace-nowrap overflow-hidden" 
         _isSelected=this.isSelected
         _selectedCssClass="is-selected"
     }}
         
-        <span class="block text-base grow font-copy js-title truncate ... ">
+        <span class="block text-base leading-4 pt-0.5 grow font-copy js-title truncate ... ">
             {{~this.title~}}
             {{~#if this.link.hasIcon~}}
-                {{> components/base/image/icon _icon=this.link.iconName _addClass="ml-2 h-4 w-4 inline" _iconmap="icons"}}
+                {{> components/base/image/icon _icon=this.link.iconName _addClass="ml-2 -mt-0.5 h-4 w-4 inline" _iconmap="icons"}}
             {{~/if~}}
         </span>
+        
         <span>
-            {{>components/base/image/icon _icon="arrow-right" _addClass="h-4 w-4 ml-2" }} 
+            {{>components/base/image/icon _icon="arrow-right" _addClass="h-4 w-4 ml-2 inline" }} 
         </span>
 
     {{/decorator}}