hr-design-system-handlebars 0.52.0 → 0.53.0

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+# v0.53.0 (Wed Aug 03 2022)
+
+#### 🚀 Enhancement
+
+- BUGFIX: The items in a group are not [#292](https://github.com/mumprod/hr-design-system-handlebars/pull/292) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v0.52.2 (Tue Aug 02 2022)
+
+#### 🐛 Bug Fix
+
+- - added ugly closing and openeing div again [#291](https://github.com/mumprod/hr-design-system-handlebars/pull/291) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v0.52.1 (Tue Aug 02 2022)
+
+#### 🐛 Bug Fix
+
+- better wording in mdx [#285](https://github.com/mumprod/hr-design-system-handlebars/pull/285) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v0.52.0 (Mon Aug 01 2022)
 
 #### 🚀 Enhancement

package/dist/views/components/grid/grid_group.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,3 +1,4 @@
+</div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
@@ -19,4 +20,5 @@
     </div>
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
-</div>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6"> 

package/package.json

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

package/src/stories/views/components/grid/grid_group.hbs

@@ -1,3 +1,3 @@
-<section class="grid grid-cols-12 bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
+<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-6 col-span-12 {{inline-switch size '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
     {{> @partial-block }}
 </section>

package/src/stories/views/components/site_header/header.stories.mdx

@@ -13,7 +13,7 @@ import JsonData3 from './fixtures/site_header_mit_submenu.json'
             viewports: [360, 768, 1024],
         },
         layout: 'fullscreen',
-        docs: { inlineStories : false, iframeHeight: 200 },
+        docs: { inlineStories : false, iframeHeight: 240 },
         viewport: {
       viewports: INITIAL_VIEWPORTS
     },
@@ -69,7 +69,6 @@ Die wesentlichen Funktionen und Features der Navigation sind mit dem Javascript-
 Für das CSS wird das Framework [**TailwindCSS**](https://www.tailwindcss.com) verwendet.
 
 
-
 <a name="varianten" />
 
 ### Varianten
@@ -94,16 +93,24 @@ Mobil:
 
 ***
 
-Navigation mit zusätzlichem Service-Item:
+<br />
+<br />
+<br />
+<br />
+Navigation mit zusätzlichem Service-Item: 
 
 <Canvas>
-    <Story name="Mit Warnung" args={JsonData2}>
+    <Story name="Mit Warnung" args={JsonData2}>bla
         {Template.bind({})}
     </Story>
 </Canvas>
 
 ***
 
+<br />
+<br />
+<br />
+<br />
 Navigation mit zusätzlicher Subnavigation: 
 
 <Canvas>
@@ -294,10 +301,10 @@ Die Brand-Navigation stellt im obersten Bereich des Headers direkte Links zu den
 * burger.hbs
 <br />
 
-Die Service-Navigation beinhaltet das Logo **(service_logo.hbs)**, die Service-Items und die Suchfunktion **(navigation_search.hbs)**, sowie bei mobilen Viewports das Burger-Menu **(burger.hbs)**, welches die mobile Variante der **SectionNavigation** darstellt.<br /> 
+Die Service-Navigation beinhaltet das Logo **(service_logo.hbs)**, die Service-List **(service_list.hbs)** und die Suchfunktion **(navigation_search.hbs)**, sowie bei mobilen Viewports das Burger-Menu **(burger.hbs)**, welches die mobile Variante der **SectionNavigation** darstellt.<br /> 
 Die gesamte ServiceNavigation liegt innerhalb des **"serviceNavWrapper"**. Bei mobilem Viewport wird dieser Wrapper beim Scrollen der Seite mit Hilfe der Funktion **"shouldServiceNavBeHidden()"** ein- bzw. ausgeblendet. 
 
-Innerhalb des Hauptwrappers liegt der **"serviceNavMainContainer"** welcher die serviceNavHeadline, einen Wrapper für das Logo sowie den **"serviceItemsWrapper"** beinhaltet. In diesem wiederum liegt die Service-List **(service_list.hbs)** und die Komponente für die Suchfunktion **(navigation_search.hbs)**. 
+Innerhalb des Hauptwrappers liegt der **"serviceNavMainContainer"** welcher die serviceNavHeadline, einen Wrapper für das Logo sowie den **"serviceItemsWrapper"** beinhaltet. In diesem wiederum liegt die Service-List **(service_list.hbs)** , die Komponente für die Suchfunktion **(navigation_search.hbs)** sowie für mobil/Tablet das Burger-Menu **(burger.hbs)**. 
 
 **header.hbs:**
 

package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,3 +1,4 @@
+</div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
@@ -19,4 +20,5 @@
     </div>
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
-</div>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6"> 

package/src/stories/views/components/teaser/tabbox/teaser_tabbox.stories.mdx

@@ -15,7 +15,9 @@ import tabboxData from '../fixtures/teaser_tabbox.json'
         decorators={[
         (Story) => {
             return `<div class="grid my-5 grid-page">
-                        ${Story()}
+                        <div>
+                            ${Story()}
+                        </div>
                     </div>`
         },
     ]}