hr-design-system-handlebars 0.124.2 → 0.124.4

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v0.124.4 (Thu Feb 09 2023)
+
+#### 🐛 Bug Fix
+
+- FEATURE: appendToDefault helper puts empty string between defaultValue and context. [#532](https://github.com/mumprod/hr-design-system-handlebars/pull/532) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v0.124.3 (Thu Feb 09 2023)
+
+#### 🐛 Bug Fix
+
+- dedicated class for mixed input [#531](https://github.com/mumprod/hr-design-system-handlebars/pull/531) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.124.2 (Thu Feb 09 2023)
 
 #### 🐛 Bug Fix

package/build/handlebars/helpers/handlebar-helpers.js

@@ -247,7 +247,7 @@ var helpers = {
 
     'appendToDefault': function (context, defaultValue) {
         if (context) {
-            return defaultValue + context
+            return defaultValue + ' ' + context
         } else {
             return defaultValue
         }

package/dist/assets/index.css

@@ -578,10 +578,10 @@ video {
         border-radius: 50%;
     }
 /* CONTENT NAV ACCENTED GROUP MIXED*/
-.group-accented .autoSuggest input {
+.group-accented .autoSuggest .mixed-input {
         border-color: transparent!important;
     }
-.group-accented .autoSuggest input {
+.group-accented .autoSuggest .mixed-input {
         height: 32px;
         border-bottom: none;
     }
@@ -2642,7 +2642,7 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
 .counter-reset {
-  counter-reset: cnt1675936453596;
+  counter-reset: cnt1675948797156;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2876,7 +2876,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1675936453596 1;
+  counter-increment: cnt1675948797156 1;
 }
 .-ordered::before {
   position: absolute;
@@ -2892,7 +2892,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1675936453596);
+  content: counter(cnt1675948797156);
 }
 /*! ****************************/
 /*! text-shadow                */

package/dist/views/components/button/components/button_icon.hbs

@@ -1 +1 @@
-{{> components/base/image/icon _addClass=(appendToDefault _css "w-4 h-4 fill-inherit ") _icon=_icon _iconmap=_iconmap}}
+{{> components/base/image/icon _addClass=(appendToDefault _css "w-4 h-4 fill-inherit") _icon=_icon _iconmap=_iconmap}}

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

@@ -18,6 +18,7 @@
             {{> components/content_nav/content_nav_container
                     _teaserSize=_teaserSize
                     _maindivclass="flex flex-col w-full mt-0"
+                    _inputclass=(if this.isMixed 'mixed-input' 'dropdown-input')
             }}
             
         {{/decorator}}

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

@@ -6,7 +6,7 @@
     {{#if this.isAutosuggest}}
         <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
-                   class="w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
+                   class="{{#if _inputclass }}{{_inputclass}}{{/if}} w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"
                    placeholder="Eintrag filtern"/>
         </div>

package/package.json

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

package/src/assets/css/custom-components.css

@@ -72,12 +72,13 @@
 
     /* CONTENT NAV ACCENTED GROUP MIXED*/
 
-    .group-accented .autoSuggest input {
+    .group-accented .autoSuggest .mixed-input {
         border-color: transparent!important;
         height: 32px;
         border-bottom: none;
     }
 
+
     .ds-focus {
         @apply z-20;
         @apply focus:shadow-teaser-focus focus:shadow-focus-state focus:outline-none;

package/src/stories/views/components/button/components/button_icon.hbs

@@ -1 +1 @@
-{{> components/base/image/icon _addClass=(appendToDefault _css "w-4 h-4 fill-inherit ") _icon=_icon _iconmap=_iconmap}}
+{{> components/base/image/icon _addClass=(appendToDefault _css "w-4 h-4 fill-inherit") _icon=_icon _iconmap=_iconmap}}

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

@@ -18,6 +18,7 @@
             {{> components/content_nav/content_nav_container
                     _teaserSize=_teaserSize
                     _maindivclass="flex flex-col w-full mt-0"
+                    _inputclass=(if this.isMixed 'mixed-input' 'dropdown-input')
             }}
             
         {{/decorator}}

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

@@ -6,7 +6,7 @@
     {{#if this.isAutosuggest}}
         <div class="flex mx-0 w-full h-10 border-blue-congress align-center{{#if _autoSuggestContainerCss}} {{_autoSuggestContainerCss}}{{/if}}">
             <input x-ref="autosuggestInput"
-                   class="w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
+                   class="{{#if _inputclass }}{{_inputclass}}{{/if}} w-full h-10 pl-2 border-b-8 border-white bg-grey-alabaster text-grey-dark placeholder:text-grey-dark focus:outline-none js-autosuggest-input"
                    type="text"
                    placeholder="Eintrag filtern"/>
         </div>