hr-design-system-handlebars 0.49.3 β 0.49.6
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.
- package/CHANGELOG.md +36 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/site_header/header.hbs +1 -1
- package/package.json +1 -1
- package/src/assets/fixtures/site_header/sectionNavigation_mit_submenu.inc.json +1 -1
- package/src/assets/fixtures/site_header/site_header_mit_submenu.json +1 -1
- package/src/stories/views/components/page/page.stories.mdx +17 -15
- package/src/stories/views/components/site_header/fixtures/site_header_mit_submenu.json +1 -1
- package/src/stories/views/components/site_header/header.hbs +1 -1
- package/src/stories/views/components/site_header/header.stories.mdx +2 -2
- package/src/stories/views/components/site_header/brandNavigationData.json +0 -73
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation.stories.mdx +0 -25
- package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.stories.mdx +0 -46
- package/src/stories/views/components/site_header/navigation.json +0 -573
- package/src/stories/views/components/site_header/navigation2.json +0 -588
- package/src/stories/views/components/site_header/navigation3.json +0 -646
- package/src/stories/views/components/site_header/navigation4.json +0 -645
- package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout.stories.mdx +0 -42
- package/src/stories/views/components/site_header/navigation_search/quick_search_button.stories.mdx +0 -17
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.stories.mdx +0 -17
- package/src/stories/views/components/site_header/sectionNavigationData.json +0 -87
- package/src/stories/views/components/site_header/section_navigation/section_navigation.stories.mdx +0 -25
- package/src/stories/views/components/site_header/section_navigation/section_navigation_item.stories.mdx +0 -59
- package/src/stories/views/components/site_header/serviceNavigationData.json +0 -312
- package/src/stories/views/components/site_header/service_navigation/service_list.stories.mdx +0 -25
- package/src/stories/views/components/site_header/service_navigation/service_navigation_item.stories.mdx +0 -45
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
# v0.49.6 (Wed Jul 06 2022)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- fixes zindex of header so overlay doesnt overlay [#263](https://github.com/mumprod/hr-design-system-handlebars/pull/263) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.49.5 (Tue Jul 05 2022)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- renamed stories and deleted unused stories and files [#262](https://github.com/mumprod/hr-design-system-handlebars/pull/262) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# v0.49.4 (Tue Jul 05 2022)
|
|
26
|
+
|
|
27
|
+
#### π Bug Fix
|
|
28
|
+
|
|
29
|
+
- removes unused json files, renames header stories [#260](https://github.com/mumprod/hr-design-system-handlebars/pull/260) ([@StefanVesper](https://github.com/StefanVesper))
|
|
30
|
+
|
|
31
|
+
#### Authors: 1
|
|
32
|
+
|
|
33
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
34
|
+
|
|
35
|
+
---
|
|
36
|
+
|
|
1
37
|
# v0.49.3 (Tue Jul 05 2022)
|
|
2
38
|
|
|
3
39
|
#### π 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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
|
|
2
2
|
|
|
3
|
-
<header class="relative z-
|
|
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/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.
|
|
9
|
+
"version": "0.49.6",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
2
|
import 'core-js/actual/structured-clone'
|
|
3
3
|
import page from './page.hbs'
|
|
4
|
-
import NavigationData from '../site_header/
|
|
5
|
-
import NavigationData2 from '../site_header/
|
|
6
|
-
import NavigationData3 from '../site_header/
|
|
7
|
-
import NavigationData4 from '../site_header/
|
|
4
|
+
import NavigationData from '../site_header/fixtures/site_header_default.json'
|
|
5
|
+
import NavigationData2 from '../site_header/fixtures/site_header_mit_warnung.json'
|
|
6
|
+
import NavigationData3 from '../site_header/fixtures/site_header_mit_submenu.json'
|
|
7
|
+
//import NavigationData4 from '../site_header/fixtures/site_header_mit_submenu_service_selected.json'
|
|
8
|
+
|
|
8
9
|
import hero_teaser from '../teaser/fixtures/teaser_standard_hero_serif.json'
|
|
9
10
|
const NavigationDataWithTeaser = structuredClone(
|
|
10
11
|
Object.assign({}, NavigationData, hero_teaser.logicItem.includeModel)
|
|
@@ -15,18 +16,16 @@ const NavigationDataWithTeaser2 = structuredClone(
|
|
|
15
16
|
const NavigationDataWithTeaser3 = structuredClone(
|
|
16
17
|
Object.assign({}, NavigationData3, hero_teaser.logicItem.includeModel)
|
|
17
18
|
)
|
|
18
|
-
const NavigationDataWithTeaser4 = structuredClone(
|
|
19
|
-
Object.assign({}, NavigationData4, hero_teaser.logicItem.includeModel)
|
|
20
|
-
)
|
|
21
19
|
|
|
22
20
|
<Meta
|
|
23
21
|
title="Komponenten/Page/Page"
|
|
24
22
|
argTypes={{}}
|
|
25
23
|
parameters={{
|
|
26
24
|
chromatic: {
|
|
27
|
-
viewports: [360, 768, 1024]
|
|
25
|
+
viewports: [360, 768, 1024]
|
|
28
26
|
},
|
|
29
27
|
layout: 'fullscreen',
|
|
28
|
+
docs: { inlineStories : false, iframeHeight: 400 }
|
|
30
29
|
}}
|
|
31
30
|
/>
|
|
32
31
|
|
|
@@ -40,19 +39,22 @@ export const Template = (args, { globals: { customConditionalToolbar } }) => {
|
|
|
40
39
|
|
|
41
40
|
# Page
|
|
42
41
|
|
|
43
|
-
<
|
|
42
|
+
<Canvas withToolbar>
|
|
44
43
|
<Story name="Default" args={NavigationDataWithTeaser}>
|
|
45
44
|
{Template.bind({})}
|
|
46
45
|
</Story>
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<Story name="
|
|
46
|
+
</Canvas>
|
|
47
|
+
|
|
48
|
+
<Canvas>
|
|
49
|
+
<Story name="Mit Warnung" args={NavigationDataWithTeaser2}>
|
|
51
50
|
{Template.bind({})}
|
|
52
51
|
</Story>
|
|
53
|
-
|
|
52
|
+
</Canvas>
|
|
53
|
+
|
|
54
|
+
<Canvas>
|
|
55
|
+
<Story name="Mit Subnavigation" args={NavigationDataWithTeaser3}>
|
|
54
56
|
{Template.bind({})}
|
|
55
57
|
</Story>
|
|
56
|
-
</
|
|
58
|
+
</Canvas>
|
|
57
59
|
|
|
58
60
|
<ArgsTable story="Default" />
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"hasOpenSubNavigation":
|
|
1
|
+
{"hasOpenSubNavigation":true,"brandNavigationItems":[{"name":"hessenschau.DE","text":"hessenschau","site":"hessenscha","selected":true,"extern":false},{"name":"HR1","text":"hr1","site":"hr1","extern":true},{"name":"HR2","text":"hr2-kultur","site":"hr2","extern":true},{"name":"HR3","text":"hr3","site":"hr3","extern":true},{"name":"HR4","text":"hr4","site":"hr4","extern":true},{"name":"HR-info","text":"hr-iNFO","site":"hr-inforadio","extern":true},{"name":"you-fm","text":"YOU FM","site":"you-fm","extern":true},{"name":"HR-fernsehen","text":"hr-fernsehen","site":"hr-fernsehen","extern":true},{"name":"HR-Sinfonieorchester","text":"hr-Sinfonieorchester","site":"hr-sinfonieorchester","extern":true},{"name":"HR-Bigband","text":"hr-Bigband","site":"hr-bigband","extern":true},{"name":"Der HR","text":"Der hr","site":"hr","extern":true}],"serviceNavigationSSILinks":[{"navigationItems":[{"id":"video-podcast","text":"Video & Podcast","icon":"videopodcast-ds","flyoutStartLinkText":"Γbersicht Video & Podcast","selected":false,"isCluster":false,"url":"https://www.video-podcast.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Aktuelle Sendung","text":"Aktuelle Sendung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Archiv - alle Sendungen","text":"Archiv - alle Sendungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Newsflash","text":"Newsflash","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"DAS THEMA","text":"DAS THEMA","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Die hessenschau in 100 Sekunden","text":"Die hessenschau in 100 Sekunden","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Podcasts","text":"Podcasts","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"hessenschau in der ARD Mediathek","text":"hessenschau in der ARD Mediathek","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}],[{"title":"hessenschau auf YouTube","text":"hessenschau auf YouTube","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Livestream hr-fernsehen","text":"Livestream hr-fernsehen","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"weather","text":"Wetter","icon":"wetter-ds","flyoutStartLinkText":"Γbersicht Wetter","url":"https://www.weather.de","subNavigation":{"showAsFlyout":true,"columnCount":"2","items":false,"columns":[[{"title":"Unwetterwarnungen","text":"Unwetterwarnungen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Regenradar","text":"Regenradar","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wolkenfilm","text":"Wolkenfilm","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Messwerte","text":"Messwerte","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterkameras","text":"Wetterkameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wetterbilder-Galerie","text":"Wetterbilder-Galerie","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"mehr Wetter","text":"mehr Wetter","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}],[{"title":"Thema des Tages","text":"Thema des Tages","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}},{"title":"Foto einsenden","text":"Foto einsenden","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]]}}]},{"navigationItems":[{"id":"traffic","text":"Verkehr","icon":"verkehr-ds","flyoutStartLinkText":"Γbersicht Verkehr","url":"https://www.traffic.de","subNavigation":{"showAsFlyout":true,"columnCount":"1","items":false,"columns":[[{"title":"Verkehrskameras","text":"Verkehrskameras","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Blitzer","text":"Blitzer","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SchulausfΓ€lle","text":"SchulausfΓ€lle","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"FlugplΓ€ne Frankfurt / Parkhausbelegung","text":"FlugplΓ€ne Frankfurt / Parkhausbelegung","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Werden Sie hr-Staureporter!","text":"Werden Sie hr-Staureporter!","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]}}]}],"sectionNavigationSSILinks":[{"navigationItems":[{"name":"hessenschau","text":"Start","url":"index.html","labelText":"Startseite der hessenschau","subNavigationFromIndex":true,"selected":false}]},{"navigationItems":[{"name":"regionen","text":"Regionen","url":"rheinmain/index.html","isCluster":"true","subNavigation":{"showAsFlyout":true,"columnCount":"1","columns":[[{"title":"Nordhessen","text":"Nordhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Osthessen","text":"Osthessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mittelhessen","text":"Mittelhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Rhein-Main","text":"Rhein-Main","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SΓΌdhessen","text":"SΓΌdhessen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]]},"clusterItems":[{"name":"nordhessen","text":"Nordhessen","url":"nordhessen/index.html"},{"name":"osthessen","text":"Osthessen","url":"osthessen/index.html"},{"name":"mittelhessen","text":"Mittelhessen","url":"mittelhessen/index.html"},{"name":"rheinmain","text":"Rhein-Main","url":"rheinmain/index.html"},{"name":"suedhessen","text":"SΓΌdhessen","url":"suedhessen/index.html"}]}]},{"navigationItems":[{"name":"politik","text":"Politik","url":"politik/index.html","qualifiedRelatedContentOn404":true,"isCluster":false,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Bundestagswahl 2021","text":"Bundestagswahl 2021","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Landtag","text":"Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos aus dem Landtag","text":"Videos aus dem Landtag","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Wahlen","text":"Wahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Direktwahlen","text":"Direktwahlen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"gesellschaft","text":"Gesellschaft","url":"gesellschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"wirtschaft","text":"Wirtschaft","url":"wirtschaft/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"kultur","text":"Kultur","url":"kultur/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"sport","text":"Sport","url":"sport/index.html","qualifiedRelatedContentOn404":true,"selected":true,"subNavigation":{"showAsFlyout":false,"columnCount":"1","items":[{"title":"Eintracht Frankfurt","text":"Eintracht Frankfurt","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"SV Darmstadt 98","text":"SV Darmstadt 98","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"FuΓball","text":"FuΓball","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Ergebnisse & Tabellen","text":"Ergebnisse & Tabellen","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Mehr Sport","text":"Mehr Sport","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"Videos","text":"Videos","link":{"url":"http://www.test.de","hasIcon":false,"iconName":"extern"}},{"title":"heimspiel!","text":"heimspiel!","link":{"url":"http://www.test.de","hasIcon":true,"iconName":"extern"}}]}}]},{"navigationItems":[{"name":"panorama","text":"Panorama","url":"panorama/index.html","qualifiedRelatedContentOn404":true}]},{"navigationItems":[{"name":"freizeit","text":"Freizeit","url":"freizeit/index.html","qualifiedRelatedContentOn404":true}]}]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<div class="sb-main-navigation" x-data="mainNavigationHandler()" x-init="init()">
|
|
2
2
|
|
|
3
|
-
<header class="relative z-
|
|
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()"
|
|
@@ -36,13 +36,13 @@ Ein toller Einleitungstext fΓΌr unsere `Header` Komponente:
|
|
|
36
36
|
</Canvas>
|
|
37
37
|
|
|
38
38
|
<Canvas>
|
|
39
|
-
<Story name="
|
|
39
|
+
<Story name="Mit Warnung" args={JsonData2}>
|
|
40
40
|
{Template.bind({})}
|
|
41
41
|
</Story>
|
|
42
42
|
</Canvas>
|
|
43
43
|
|
|
44
44
|
<Canvas>
|
|
45
|
-
<Story name="
|
|
45
|
+
<Story name="Mit Subnavigation" args={JsonData3}>
|
|
46
46
|
{Template.bind({})}
|
|
47
47
|
</Story>
|
|
48
48
|
</Canvas>
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"brandNavigationItems":
|
|
3
|
-
[
|
|
4
|
-
{
|
|
5
|
-
"name": "hessenschau.DE",
|
|
6
|
-
"text": "hessenschau",
|
|
7
|
-
"site": "hessenschau",
|
|
8
|
-
"selected": true,
|
|
9
|
-
"extern": false
|
|
10
|
-
},
|
|
11
|
-
{
|
|
12
|
-
"name": "HR1",
|
|
13
|
-
"text": "hr1",
|
|
14
|
-
"site": "hr1",
|
|
15
|
-
"extern": true
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
"name": "HR2",
|
|
19
|
-
"text": "hr2-kultur",
|
|
20
|
-
"site": "hr2",
|
|
21
|
-
"extern": true
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
"name": "HR3",
|
|
25
|
-
"text": "hr3",
|
|
26
|
-
"site": "hr3",
|
|
27
|
-
"extern": true
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
"name": "HR4",
|
|
31
|
-
"text": "hr4",
|
|
32
|
-
"site": "hr4",
|
|
33
|
-
"extern": true
|
|
34
|
-
},
|
|
35
|
-
{
|
|
36
|
-
"name": "HR-info",
|
|
37
|
-
"text": "hr-iNFO",
|
|
38
|
-
"site": "hr-inforadio",
|
|
39
|
-
"extern": true
|
|
40
|
-
},
|
|
41
|
-
{
|
|
42
|
-
"name": "you-fm",
|
|
43
|
-
"text": "YOU FM",
|
|
44
|
-
"site": "you-fm",
|
|
45
|
-
"extern": true
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
"name": "HR-fernsehen",
|
|
49
|
-
"text": "hr-fernsehen",
|
|
50
|
-
"site": "hr-fernsehen",
|
|
51
|
-
"extern": true
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"name": "HR-Sinfonieorchester",
|
|
55
|
-
"text": "hr-Sinfonieorchester",
|
|
56
|
-
"site": "hr-sinfonieorchester",
|
|
57
|
-
"extern": true
|
|
58
|
-
},
|
|
59
|
-
{
|
|
60
|
-
"name": "HR-Bigband",
|
|
61
|
-
"text": "hr-Bigband",
|
|
62
|
-
"site": "hr-bigband",
|
|
63
|
-
"extern": true
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "Der HR",
|
|
67
|
-
"text": "Der hr",
|
|
68
|
-
"site": "hr",
|
|
69
|
-
"extern": true
|
|
70
|
-
}
|
|
71
|
-
]
|
|
72
|
-
|
|
73
|
-
}
|
package/src/stories/views/components/site_header/brand_navigation/brand_navigation.stories.mdx
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
-
|
|
3
|
-
import menu from './brand_navigation.hbs'
|
|
4
|
-
|
|
5
|
-
import JsonData from '../brandNavigationData.json'
|
|
6
|
-
|
|
7
|
-
<Meta title="Komponenten/Header/BrandNavigation/BrandNavigation" argTypes={{}} />
|
|
8
|
-
|
|
9
|
-
export const Template = ({ labelType, ...args }) => {
|
|
10
|
-
// You can either use a function to create DOM elements or use a plain html string!
|
|
11
|
-
// return `<div>${label}</div>`;
|
|
12
|
-
return menu({ labelType, ...args })
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
# BrandNavigation
|
|
16
|
-
|
|
17
|
-
In der `BrandNavigation` Komponente werden die `BrandNavigationItem` dargestellt:
|
|
18
|
-
|
|
19
|
-
<Preview withToolbar>
|
|
20
|
-
<Story name="Default" args={JsonData}>
|
|
21
|
-
{Template.bind({})}
|
|
22
|
-
</Story>
|
|
23
|
-
</Preview>
|
|
24
|
-
|
|
25
|
-
<ArgsTable story="Default" />
|
package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.stories.mdx
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { ArgsTable, Meta, Story, Canvas, Preview } from '@storybook/addon-docs'
|
|
2
|
-
|
|
3
|
-
import item from './brand_navigation_item.hbs'
|
|
4
|
-
|
|
5
|
-
import JsonData from '../navigation.json'
|
|
6
|
-
|
|
7
|
-
<Meta
|
|
8
|
-
title="Komponenten/Header/BrandNavigation/BrandNavigationItem"
|
|
9
|
-
argTypes={{
|
|
10
|
-
text: {
|
|
11
|
-
control: 'text',
|
|
12
|
-
description: 'Brand Text',
|
|
13
|
-
},
|
|
14
|
-
}}
|
|
15
|
-
/>
|
|
16
|
-
|
|
17
|
-
export const Template = ({ ...args }) => {
|
|
18
|
-
return item({ ...args })
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export const OneItem = Template.bind({})
|
|
22
|
-
|
|
23
|
-
# BrandNavigationItem
|
|
24
|
-
|
|
25
|
-
Ein toller Einleitungstext fΓΌr unsere `BrandNavigationItem` Komponente:
|
|
26
|
-
|
|
27
|
-
<Preview withToolbar>
|
|
28
|
-
<Story
|
|
29
|
-
name="hessenschau"
|
|
30
|
-
args={{
|
|
31
|
-
text: 'hessenschau',
|
|
32
|
-
}}
|
|
33
|
-
>
|
|
34
|
-
{Template.bind({})}
|
|
35
|
-
</Story>
|
|
36
|
-
</Preview>
|
|
37
|
-
|
|
38
|
-
<ArgsTable story="hessenschau" />
|
|
39
|
-
|
|
40
|
-
## Alle Brands
|
|
41
|
-
|
|
42
|
-
<Canvas>
|
|
43
|
-
<Story name="Brands from File" args={JsonData.brandNavigationItems[2]}>
|
|
44
|
-
{Template.bind({})}
|
|
45
|
-
</Story>
|
|
46
|
-
</Canvas>
|