hr-design-system-handlebars 0.124.1 → 0.124.3

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# 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
+
+- adds class to grp-ts-accented [#530](https://github.com/mumprod/hr-design-system-handlebars/pull/530) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.124.1 (Thu Feb 09 2023)
 
 #### 🐛 Bug Fix

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: cnt1675935215974;
+  counter-reset: cnt1675946752295;
 }
 .line-clamp-4 {
   overflow: hidden;
@@ -2876,7 +2876,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1675935215974 1;
+  counter-increment: cnt1675946752295 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(cnt1675935215974);
+  content: counter(cnt1675946752295);
 }
 /*! ****************************/
 /*! text-shadow                */

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/dist/views/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -1,6 +1,6 @@
 {{#if this.hasGroupItems}}
     {{#>components/grid/grid_group size=this.teaserSize }}
-        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
+        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 group-accented sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
             {{~#if this.hasGroupTitle}}
                 <h2 class="text-2xl px-5 sm:px-0 md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}

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.1",
+    "version": "0.124.3",
     "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/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>

package/src/stories/views/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -1,6 +1,6 @@
 {{#if this.hasGroupItems}}
     {{#>components/grid/grid_group size=this.teaserSize }}
-        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
+        <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 group-accented sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
             {{~#if this.hasGroupTitle}}
                 <h2 class="text-2xl px-5 sm:px-0 md:text-4xl col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
                     {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}