hr-design-system-handlebars 1.63.10 → 1.63.12
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 +24 -0
- package/dist/assets/index.css +12 -3
- package/dist/views/components/banner/header/breadcrumb_wrapper.hbs +1 -1
- package/dist/views/components/content/copytext/components/image/figcaption.hbs +1 -1
- package/dist/views/components/page/base/page_header.hbs +3 -3
- package/dist/views/components/page/components/metadatabox.hbs +2 -2
- package/dist/views/components/page/index/page_test_story.hbs +9 -0
- package/dist/views/components/social_sharing/social_sharing_compact.hbs +2 -2
- package/dist/views_static/components/banner/header/breadcrumb_wrapper.hbs +1 -1
- package/dist/views_static/components/content/copytext/components/image/figcaption.hbs +1 -1
- package/dist/views_static/components/page/base/page_header.hbs +3 -3
- package/dist/views_static/components/page/components/metadatabox.hbs +2 -2
- package/dist/views_static/components/page/index/page_test_story.hbs +9 -0
- package/dist/views_static/components/social_sharing/social_sharing_compact.hbs +2 -2
- package/package.json +1 -1
- package/src/stories/views/components/banner/header/breadcrumb_wrapper.hbs +1 -1
- package/src/stories/views/components/content/copytext/components/image/figcaption.hbs +1 -1
- package/src/stories/views/components/page/base/page_header.hbs +3 -3
- package/src/stories/views/components/page/components/metadatabox.hbs +2 -2
- package/src/stories/views/components/page/index/page.data.js +3 -1
- package/src/stories/views/components/page/index/page.stories.js +2 -2
- package/src/stories/views/components/page/index/page_test_story.hbs +9 -0
- package/src/stories/views/components/social_sharing/social_sharing_compact.hbs +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.63.12 (Fri Apr 12 2024)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- less margin top in figure cation [#906](https://github.com/mumprod/hr-design-system-handlebars/pull/906) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.63.11 (Fri Apr 12 2024)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- Bugfix/dpe 3007 [#904](https://github.com/mumprod/hr-design-system-handlebars/pull/904) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.63.10 (Fri Apr 12 2024)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3333,7 +3333,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3333
3333
|
border-bottom-color: var(--color-secondary-ds);
|
|
3334
3334
|
}
|
|
3335
3335
|
.counter-reset {
|
|
3336
|
-
counter-reset:
|
|
3336
|
+
counter-reset: cnt1712929239066;
|
|
3337
3337
|
}
|
|
3338
3338
|
.hyphens-auto {
|
|
3339
3339
|
-webkit-hyphens: auto;
|
|
@@ -3712,7 +3712,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3712
3712
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3713
3713
|
}
|
|
3714
3714
|
.-ordered {
|
|
3715
|
-
counter-increment:
|
|
3715
|
+
counter-increment: cnt1712929239066 1;
|
|
3716
3716
|
}
|
|
3717
3717
|
.-ordered::before {
|
|
3718
3718
|
position: absolute;
|
|
@@ -3728,7 +3728,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3728
3728
|
letter-spacing: .0125em;
|
|
3729
3729
|
--tw-text-opacity: 1;
|
|
3730
3730
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3731
|
-
content: counter(
|
|
3731
|
+
content: counter(cnt1712929239066);
|
|
3732
3732
|
}
|
|
3733
3733
|
/*! ****************************/
|
|
3734
3734
|
/*! DataPolicy stuff */
|
|
@@ -5536,6 +5536,10 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
5536
5536
|
margin-top: 1.75rem;
|
|
5537
5537
|
}
|
|
5538
5538
|
|
|
5539
|
+
.sm480\:mt-8 {
|
|
5540
|
+
margin-top: 2rem;
|
|
5541
|
+
}
|
|
5542
|
+
|
|
5539
5543
|
.sm480\:h-5 {
|
|
5540
5544
|
height: 1.25rem;
|
|
5541
5545
|
}
|
|
@@ -5582,6 +5586,11 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
5582
5586
|
line-height: 2rem;
|
|
5583
5587
|
}
|
|
5584
5588
|
|
|
5589
|
+
.sm480\:text-4xl {
|
|
5590
|
+
font-size: 1.875rem;
|
|
5591
|
+
line-height: 2.25rem;
|
|
5592
|
+
}
|
|
5593
|
+
|
|
5585
5594
|
.sm480\:text-5xl {
|
|
5586
5595
|
font-size: 2.125rem;
|
|
5587
5596
|
line-height: 2.375rem;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="grid grid-page print:hidden{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
|
|
2
|
-
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-
|
|
2
|
+
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-3{{else}}{{#unless _hasBannerImage}} bg-white py-3{{/unless}}{{/if}}">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</div>
|
|
5
5
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<header class="mt-6 sm480:
|
|
1
|
+
<header class="mt-6 sm480:mt-8">
|
|
2
2
|
<h2>
|
|
3
3
|
{{#if this.label }}
|
|
4
4
|
{{#with this.label}}
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{~#if topline}}
|
|
11
|
-
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
11
|
+
<span class="block text-base sm480:text-xl font-heading">{{this.topline}}</span>
|
|
12
12
|
{{/if~}}
|
|
13
13
|
{{/if~}}
|
|
14
|
-
<span class="text-3xl font-headingSerif sm480:text-
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-4xl">{{this.title}}</span>
|
|
15
15
|
</h2>
|
|
16
16
|
</header>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<div class="clear-both mt-
|
|
2
|
-
<div class="flex clear-both w-full my-
|
|
1
|
+
<div class="clear-both mt-5 border-y border-gray-scorpion">
|
|
2
|
+
<div class="flex clear-both w-full my-4 sm:my-4">
|
|
3
3
|
<div class="self-center">
|
|
4
4
|
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
|
|
20
20
|
<body itemscope itemtype="http://schema.org/WebPage">
|
|
21
21
|
{{> components/site_header/header }}
|
|
22
|
+
{{#unless _webview}}
|
|
23
|
+
|
|
24
|
+
{{#> components/banner/header/breadcrumb_wrapper _hasContentNav=this.structureNav.contentNav
|
|
25
|
+
_hasBannerImage=this.hasBannerImage}}
|
|
26
|
+
{{> components/navigation/breadcrumb/breadcrumb this.breadcrumb _currentPageUrl=this.url _currentPageTitle=this.breadcrumbTitle }}
|
|
27
|
+
{{/components/banner/header/breadcrumb_wrapper }}
|
|
28
|
+
|
|
29
|
+
{{/unless}}
|
|
30
|
+
|
|
22
31
|
<div class="js-pageSwap">
|
|
23
32
|
<main
|
|
24
33
|
onclick="void(0)"
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
41
41
|
x-id="['dropdown-button']"
|
|
42
42
|
class="flex self-center justify-end grow "
|
|
43
|
-
x-intersect:leave
|
|
44
|
-
x-intersect:enter
|
|
43
|
+
x-intersect:leave="sharingIsVisible = false"
|
|
44
|
+
x-intersect:enter="sharingIsVisible = true"
|
|
45
45
|
|
|
46
46
|
>
|
|
47
47
|
{{!-- <div class="fixed left-1 top-40">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="grid grid-page print:hidden{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
|
|
2
|
-
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-
|
|
2
|
+
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-3{{else}}{{#unless _hasBannerImage}} bg-white py-3{{/unless}}{{/if}}">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</div>
|
|
5
5
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<header class="mt-6 sm480:
|
|
1
|
+
<header class="mt-6 sm480:mt-8">
|
|
2
2
|
<h2>
|
|
3
3
|
{{#if this.label }}
|
|
4
4
|
{{#with this.label}}
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{~#if topline}}
|
|
11
|
-
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
11
|
+
<span class="block text-base sm480:text-xl font-heading">{{this.topline}}</span>
|
|
12
12
|
{{/if~}}
|
|
13
13
|
{{/if~}}
|
|
14
|
-
<span class="text-3xl font-headingSerif sm480:text-
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-4xl">{{this.title}}</span>
|
|
15
15
|
</h2>
|
|
16
16
|
</header>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<div class="clear-both mt-
|
|
2
|
-
<div class="flex clear-both w-full my-
|
|
1
|
+
<div class="clear-both mt-5 border-y border-gray-scorpion">
|
|
2
|
+
<div class="flex clear-both w-full my-4 sm:my-4">
|
|
3
3
|
<div class="self-center">
|
|
4
4
|
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
|
|
20
20
|
<body itemscope itemtype="http://schema.org/WebPage">
|
|
21
21
|
{{> components/site_header/header }}
|
|
22
|
+
{{#unless _webview}}
|
|
23
|
+
|
|
24
|
+
{{#> components/banner/header/breadcrumb_wrapper _hasContentNav=this.structureNav.contentNav
|
|
25
|
+
_hasBannerImage=this.hasBannerImage}}
|
|
26
|
+
{{> components/navigation/breadcrumb/breadcrumb this.breadcrumb _currentPageUrl=this.url _currentPageTitle=this.breadcrumbTitle }}
|
|
27
|
+
{{/components/banner/header/breadcrumb_wrapper }}
|
|
28
|
+
|
|
29
|
+
{{/unless}}
|
|
30
|
+
|
|
22
31
|
<div class="js-pageSwap">
|
|
23
32
|
<main
|
|
24
33
|
onclick="void(0)"
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
41
41
|
x-id="['dropdown-button']"
|
|
42
42
|
class="flex self-center justify-end grow "
|
|
43
|
-
x-intersect:leave
|
|
44
|
-
x-intersect:enter
|
|
43
|
+
x-intersect:leave="sharingIsVisible = false"
|
|
44
|
+
x-intersect:enter="sharingIsVisible = true"
|
|
45
45
|
|
|
46
46
|
>
|
|
47
47
|
{{!-- <div class="fixed left-1 top-40">
|
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": "1.63.
|
|
9
|
+
"version": "1.63.12",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<div class="grid grid-page print:hidden{{#if _hasContentNav }} order-4{{else}}{{#if _hasBannerImage }} py-2 order-4 [&:has(+.-hideOnMobile)]:order-1 lg:py-0 lg:-mb-9 lg:order-1 lg:pt-3 bg-white lg:bg-transparent{{else}} order-1{{/if}} z-10{{/if}}">
|
|
2
|
-
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-
|
|
2
|
+
<div class="col-full sm:col-main{{#if _hasContentNav }} bg-white py-3{{else}}{{#unless _hasBannerImage}} bg-white py-3{{/unless}}{{/if}}">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</div>
|
|
5
5
|
</div>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<header class="mt-6 sm480:
|
|
1
|
+
<header class="mt-6 sm480:mt-8">
|
|
2
2
|
<h2>
|
|
3
3
|
{{#if this.label }}
|
|
4
4
|
{{#with this.label}}
|
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
{{else}}
|
|
10
10
|
{{~#if topline}}
|
|
11
|
-
<span class="block text-base font-heading">{{this.topline}}</span>
|
|
11
|
+
<span class="block text-base sm480:text-xl font-heading">{{this.topline}}</span>
|
|
12
12
|
{{/if~}}
|
|
13
13
|
{{/if~}}
|
|
14
|
-
<span class="text-3xl font-headingSerif sm480:text-
|
|
14
|
+
<span class="text-3xl font-headingSerif sm480:text-4xl">{{this.title}}</span>
|
|
15
15
|
</h2>
|
|
16
16
|
</header>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<div class="clear-both mt-
|
|
2
|
-
<div class="flex clear-both w-full my-
|
|
1
|
+
<div class="clear-both mt-5 border-y border-gray-scorpion">
|
|
2
|
+
<div class="flex clear-both w-full my-4 sm:my-4">
|
|
3
3
|
<div class="self-center">
|
|
4
4
|
{{> components/page/components/author _hideFrom=false }}
|
|
5
5
|
|
|
@@ -7,6 +7,7 @@ import NavigationData4 from '../../site_header/fixtures/site_header_mit_top_topi
|
|
|
7
7
|
import hero_teaser from '../../teaser/fixtures/teaser_standard_hero_serif.json'
|
|
8
8
|
|
|
9
9
|
import data_story from '../story/fixtures/story.json'
|
|
10
|
+
import data_breadcrumb from '../../navigation/breadcrumb/fixtures/breadcrumb_5_level.json'
|
|
10
11
|
|
|
11
12
|
const NavigationDataWithTeaser = structuredClone(
|
|
12
13
|
Object.assign({}, NavigationData, hero_teaser.logicItem.includeModel)
|
|
@@ -23,4 +24,5 @@ const NavigationDataWithTeaser4 = structuredClone(
|
|
|
23
24
|
const NavigationDataWithTeaser5 = structuredClone(
|
|
24
25
|
Object.assign({}, NavigationData, data_story)
|
|
25
26
|
)
|
|
26
|
-
|
|
27
|
+
const NavigationDataWithBreadcrumb = structuredClone(Object.assign({}, NavigationDataWithTeaser5, data_breadcrumb))
|
|
28
|
+
export { NavigationDataWithTeaser, NavigationDataWithTeaser2, NavigationDataWithTeaser3, NavigationDataWithTeaser4,NavigationDataWithBreadcrumb }
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
NavigationDataWithTeaser2,
|
|
8
8
|
NavigationDataWithTeaser3,
|
|
9
9
|
NavigationDataWithTeaser4,
|
|
10
|
-
|
|
10
|
+
NavigationDataWithBreadcrumb
|
|
11
11
|
} from './page.data.js'
|
|
12
12
|
|
|
13
13
|
import { NavigationDataWithMixedContent } from '../../pagination/page_pagination.data.js'
|
|
@@ -84,5 +84,5 @@ export const MitTopTopics = {
|
|
|
84
84
|
export const MitArtikel = {
|
|
85
85
|
render: Template3.bind({}),
|
|
86
86
|
name: 'Mit Artikel',
|
|
87
|
-
args:
|
|
87
|
+
args: NavigationDataWithBreadcrumb,
|
|
88
88
|
}
|
|
@@ -19,6 +19,15 @@
|
|
|
19
19
|
|
|
20
20
|
<body itemscope itemtype="http://schema.org/WebPage">
|
|
21
21
|
{{> components/site_header/header }}
|
|
22
|
+
{{#unless _webview}}
|
|
23
|
+
|
|
24
|
+
{{#> components/banner/header/breadcrumb_wrapper _hasContentNav=this.structureNav.contentNav
|
|
25
|
+
_hasBannerImage=this.hasBannerImage}}
|
|
26
|
+
{{> components/navigation/breadcrumb/breadcrumb this.breadcrumb _currentPageUrl=this.url _currentPageTitle=this.breadcrumbTitle }}
|
|
27
|
+
{{/components/banner/header/breadcrumb_wrapper }}
|
|
28
|
+
|
|
29
|
+
{{/unless}}
|
|
30
|
+
|
|
22
31
|
<div class="js-pageSwap">
|
|
23
32
|
<main
|
|
24
33
|
onclick="void(0)"
|
|
@@ -40,8 +40,8 @@
|
|
|
40
40
|
x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
|
|
41
41
|
x-id="['dropdown-button']"
|
|
42
42
|
class="flex self-center justify-end grow "
|
|
43
|
-
x-intersect:leave
|
|
44
|
-
x-intersect:enter
|
|
43
|
+
x-intersect:leave="sharingIsVisible = false"
|
|
44
|
+
x-intersect:enter="sharingIsVisible = true"
|
|
45
45
|
|
|
46
46
|
>
|
|
47
47
|
{{!-- <div class="fixed left-1 top-40">
|