hr-design-system-handlebars 0.49.5 β†’ 0.49.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/site_header/header.hbs +1 -1
  4. package/dist/views/components/site_header/header_alpine.js +1 -0
  5. package/package.json +1 -1
  6. package/src/stories/views/components/site_header/header.hbs +1 -1
  7. package/src/stories/views/components/site_header/header_alpine.js +1 -0
  8. package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx +24 -24
  9. package/src/stories/views/components/teaser/teaser_standard.stories.mdx +38 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,40 @@
1
+ # v0.49.8 (Thu Jul 07 2022)
2
+
3
+ #### πŸ› Bug Fix
4
+
5
+ - adds listener for touchmove (mobile) [#265](https://github.com/mumprod/hr-design-system-handlebars/pull/265) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v0.49.7 (Wed Jul 06 2022)
14
+
15
+ #### πŸ› Bug Fix
16
+
17
+ - Standard-Teaser Documentation [#264](https://github.com/mumprod/hr-design-system-handlebars/pull/264) (zouhair1 [@selbaciri](https://github.com/selbaciri))
18
+
19
+ #### Authors: 2
20
+
21
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
22
+ - selbaciri (zouhair1)
23
+
24
+ ---
25
+
26
+ # v0.49.6 (Wed Jul 06 2022)
27
+
28
+ #### πŸ› Bug Fix
29
+
30
+ - fixes zindex of header so overlay doesnt overlay [#263](https://github.com/mumprod/hr-design-system-handlebars/pull/263) ([@StefanVesper](https://github.com/StefanVesper))
31
+
32
+ #### Authors: 1
33
+
34
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
35
+
36
+ ---
37
+
1
38
  # v0.49.5 (Tue Jul 05 2022)
2
39
 
3
40
  #### πŸ› Bug Fix
package/dist/assets/index.css CHANGED
@@ -617,15 +617,15 @@ video {
617
617
  .top-10 {
618
618
  top: 2.5rem;
619
619
  }
620
+ .z-10001 {
621
+ z-index: 10001;
622
+ }
620
623
  .z-10000 {
621
624
  z-index: 10000;
622
625
  }
623
626
  .z-10002 {
624
627
  z-index: 10002;
625
628
  }
626
- .z-10001 {
627
- z-index: 10001;
628
- }
629
629
  .-z-1000 {
630
630
  z-index: -1000;
631
631
  }
package/dist/views/components/site_header/header.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
2
2
 
3
- <header class="relative z-10000 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">
3
+ <header class="relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">
4
4
  <div x-data
5
5
  id="headerWrapper"
6
6
  @resize.window="resetNav()"
package/dist/views/components/site_header/header_alpine.js CHANGED
@@ -41,6 +41,7 @@ document.addEventListener('alpine:init', () => {
41
41
  window.userScroll = true;
42
42
  }
43
43
  window.addEventListener('wheel', mouseEvent, false);
44
+ window.addEventListener('touchmove', mouseEvent, false)
44
45
 
45
46
  window.addEventListener('scroll', this.debounce( () => {
46
47
  let winScroll = document.body.scrollTop || document.documentElement.scrollTop
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "0.49.5",
9
+ "version": "0.49.8",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/stories/views/components/site_header/header.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
2
2
 
3
- <header class="relative z-10000 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">
3
+ <header class="relative z-10001 {{#if this.hasOpenSubNavigation}}lg:h-header-lg-big{{else}}lg:h-header-lg-small{{/if}} md:h-header-md h-header-sm">
4
4
  <div x-data
5
5
  id="headerWrapper"
6
6
  @resize.window="resetNav()"
package/src/stories/views/components/site_header/header_alpine.js CHANGED
@@ -41,6 +41,7 @@ document.addEventListener('alpine:init', () => {
41
41
  window.userScroll = true;
42
42
  }
43
43
  window.addEventListener('wheel', mouseEvent, false);
44
+ window.addEventListener('touchmove', mouseEvent, false)
44
45
 
45
46
  window.addEventListener('scroll', this.debounce( () => {
46
47
  let winScroll = document.body.scrollTop || document.documentElement.scrollTop
package/src/stories/views/components/teaser/teaser_alternativ.stories.mdx CHANGED
@@ -53,19 +53,39 @@ export const Template = (args, { globals: { customConditionalToolbar } }) => {
53
53
  Der Alternativ-Teaser besteht aus 2 Hauptelemente: <b>Bild</b> und <b>Text</b> (Label, Dachzeile, Titel, Teasertext, Zusatzinformationen)
54
54
 
55
55
  <b>Alternativ Hero:</b> <br/>
56
- Desktop = Bild(2/3) neben Text(1/3) <br/>
56
+ Desktop = Bild(66%) neben Text(33%) <br/>
57
57
  Mobile = Verhalten wie bei 100% Standard-Teaser <br/>
58
58
 
59
59
  <b>Alternativ 100%:</b> <br/>
60
- Desktop = Bild(1/3) neben Text(2/3) <br/>
60
+ Desktop = Bild(33%) neben Text(66%) <br/>
61
61
  Mobile = Verhalten wie bei 100% Standard-Teaser <br/>
62
62
 
63
63
  <b>Alternativ 50%:</b> <br/>
64
- Desktop = Bild(1/3) neben Text(2/3) <br/>
64
+ Desktop = Bild(33%) neben Text(66%) <br/>
65
65
  Mobile = Verhalten wie bei 100% Standard-Teaser <br/>
66
66
 
67
67
  Der Alternativ-Teaser soll nur als 100%- bzw. 50%-Teaser verwendet werden.
68
68
 
69
+ ## Sub-Komponenten
70
+
71
+ Die Alternativ-Teaser-Komponente inkludiert folgende Komponenten:
72
+
73
+ <ul>
74
+ <li>components/base/image/<b>responsive_image</b></li>
75
+ <li>components/base/<b>link</b></li>
76
+ <li>components/teaser/components/<b>teaser_heading</b></li>
77
+ <li>components/teaser/components/<b>teaser_text</b></li>
78
+ <li>components/teaser/components/<b>teaser_byline</b></li>
79
+ </ul>
80
+
81
+ ## Verwendung
82
+
83
+ Die Alternativ-Teaser-Komponente wird in handlebars wie folgt eingebaut:
84
+
85
+ ```html
86
+ {{> components/teaser/teaser_alternativ}}
87
+ ```
88
+
69
89
  <Preview withToolbar>
70
90
  <b>Alternativ Hero</b>
71
91
  <Story name="Alternativ Hero" args={heroTeaser.logicItem.includeModel}>
@@ -88,24 +108,4 @@ Der Alternativ-Teaser soll nur als 100%- bzw. 50%-Teaser verwendet werden.
88
108
  <Story name="Alternativ 50" args={teaser50.logicItem.includeModel}>
89
109
  {Template.bind({})}
90
110
  </Story>
91
- </Preview>
92
-
93
- ## Sub-Komponenten
94
-
95
- Die Alternativ-Teaser-Komponente inkludiert folgende Komponenten:
96
-
97
- <ul>
98
- <li>components/base/image/<b>responsive_image</b></li>
99
- <li>components/base/<b>link</b></li>
100
- <li>components/teaser/components/<b>teaser_heading</b></li>
101
- <li>components/teaser/components/<b>teaser_text</b></li>
102
- <li>components/teaser/components/<b>teaser_byline</b></li>
103
- </ul>
104
-
105
- ## Verwendung
106
-
107
- Die Alternativ-Teaser-Komponente wird in handlebars wie folgt eingebaut:
108
-
109
- ```html
110
- {{> components/teaser/teaser_alternativ}}
111
- ```
111
+ </Preview>
package/src/stories/views/components/teaser/teaser_standard.stories.mdx CHANGED
@@ -44,9 +44,44 @@ export const Template = (args, { globals: { customConditionalToolbar } }) => {
44
44
  return teaser({ brand, ...args })
45
45
  }
46
46
 
47
- # Header
47
+ # Standard-Teaser
48
48
 
49
- Ein toller Einleitungstext fΓΌr unsere `Teaser` Komponente:
49
+ ## Beschreibung
50
+
51
+
52
+ Der Standard-Teaser besteht aus 2 Hauptelemente: <b>Bild</b> und <b>Text</b> (Label, Dachzeile, Titel, Teasertext, Zusatzinformationen)
53
+
54
+ <b>Standard Hero:</b> <br/>
55
+ Desktop = Text unter dem Bild <br/>
56
+ Mobile = Text unter dem Bild mit Teasertext <br/>
57
+
58
+ <b>Standard 100%, 50%, 33%:</b> <br/>
59
+ Desktop = Text unter dem Bild <br/>
60
+ Mobile = Text unter dem Bild ohne Teasertext <br/>
61
+
62
+ <b>Standard 25%:</b> <br/>
63
+ Desktop = Text unter dem Bild ohne Teasertext <br/>
64
+ Mobile = Bild(1x1) neben Text ohne Teasertext <br/>
65
+
66
+ ## Sub-Komponenten
67
+
68
+ Die Standard-Teaser-Komponente inkludiert folgende Komponenten:
69
+
70
+ <ul>
71
+ <li>components/teaser/components/<b>teaser_lead</b></li>
72
+ <li>components/base/<b>link</b></li>
73
+ <li>components/teaser/components/<b>teaser_heading</b></li>
74
+ <li>components/teaser/components/<b>teaser_text</b></li>
75
+ <li>components/teaser/components/<b>teaser_byline</b></li>
76
+ </ul>
77
+
78
+ ## Verwendung
79
+
80
+ Die Standard-Teaser-Komponente wird in handlebars wie folgt eingebaut:
81
+
82
+ ```html
83
+ {{> components/teaser/teaser_standard}}
84
+ ```
50
85
 
51
86
  <Preview withToolbar>
52
87
  <Story name="Standard Hero" args={teaserHeroSerif.logicItem.includeModel}>
@@ -74,3 +109,4 @@ Ein toller Einleitungstext fΓΌr unsere `Teaser` Komponente:
74
109
  {Template.bind({})}
75
110
  </Story>
76
111
  </Preview>
112
+