hr-design-system-handlebars 0.117.10 → 0.117.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 +8 -11
- package/dist/views/components/grid/grid.hbs +1 -1
- package/dist/views/components/grid/grid_group_highlight.hbs +1 -1
- package/dist/views/components/grid/grid_group_standard.hbs +1 -1
- package/dist/views/components/grid/grid_group_tabbed.hbs +1 -1
- package/dist/views/components/grid/grid_group_wrapper_classes.hbs +1 -0
- package/dist/views/components/page/page.hbs +33 -33
- package/dist/views/components/teaser/podcast/podcast.hbs +2 -2
- package/dist/views/components/teaser/podcast/podcast_player.hbs +2 -2
- package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/grid/grid.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_highlight.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_standard.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_tabbed.hbs +1 -1
- package/src/stories/views/components/grid/grid_group_wrapper_classes.hbs +1 -0
- package/src/stories/views/components/page/page.hbs +33 -33
- package/src/stories/views/components/teaser/podcast/podcast.hbs +2 -2
- package/src/stories/views/components/teaser/podcast/podcast_player.hbs +2 -2
- package/src/stories/views/components/teaser/tabbox/teaser_tabbox.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v0.117.12 (Fri Jan 13 2023)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- DPE-2003 Abstand von erster Gruppe funktioniert nicht bei 2x50% [#470](https://github.com/mumprod/hr-design-system-handlebars/pull/470) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v0.117.11 (Fri Jan 13 2023)
|
|
14
|
+
|
|
15
|
+
#### 🐛 Bug Fix
|
|
16
|
+
|
|
17
|
+
- edit inline-switch to match delivery [#476](https://github.com/mumprod/hr-design-system-handlebars/pull/476) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v0.117.10 (Thu Jan 12 2023)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1265,18 +1265,18 @@ video {
|
|
|
1265
1265
|
-moz-column-gap: 1.5rem;
|
|
1266
1266
|
column-gap: 1.5rem;
|
|
1267
1267
|
}
|
|
1268
|
-
.gap-y-6 {
|
|
1269
|
-
row-gap: 1.5rem;
|
|
1270
|
-
}
|
|
1271
1268
|
.gap-y-9 {
|
|
1272
1269
|
row-gap: 2.25rem;
|
|
1273
1270
|
}
|
|
1274
|
-
.gap-y-
|
|
1275
|
-
row-gap:
|
|
1271
|
+
.gap-y-6 {
|
|
1272
|
+
row-gap: 1.5rem;
|
|
1276
1273
|
}
|
|
1277
1274
|
.gap-y-5 {
|
|
1278
1275
|
row-gap: 1.25rem;
|
|
1279
1276
|
}
|
|
1277
|
+
.gap-y-10 {
|
|
1278
|
+
row-gap: 2.5rem;
|
|
1279
|
+
}
|
|
1280
1280
|
.gap-y-3 {
|
|
1281
1281
|
row-gap: 0.75rem;
|
|
1282
1282
|
}
|
|
@@ -2227,7 +2227,7 @@ video {
|
|
|
2227
2227
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2228
2228
|
}
|
|
2229
2229
|
.counter-reset {
|
|
2230
|
-
counter-reset:
|
|
2230
|
+
counter-reset: cnt1673621487330;
|
|
2231
2231
|
}
|
|
2232
2232
|
.line-clamp-4 {
|
|
2233
2233
|
overflow: hidden;
|
|
@@ -2459,7 +2459,7 @@ video {
|
|
|
2459
2459
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2460
2460
|
}
|
|
2461
2461
|
.-ordered {
|
|
2462
|
-
counter-increment:
|
|
2462
|
+
counter-increment: cnt1673621487330 1;
|
|
2463
2463
|
}
|
|
2464
2464
|
.-ordered::before {
|
|
2465
2465
|
position: absolute;
|
|
@@ -2475,7 +2475,7 @@ video {
|
|
|
2475
2475
|
letter-spacing: .0125em;
|
|
2476
2476
|
--tw-text-opacity: 1;
|
|
2477
2477
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2478
|
-
content: counter(
|
|
2478
|
+
content: counter(cnt1673621487330);
|
|
2479
2479
|
}
|
|
2480
2480
|
/*! ****************************/
|
|
2481
2481
|
/*! text-shadow */
|
|
@@ -3275,9 +3275,6 @@ video {
|
|
|
3275
3275
|
--tw-text-opacity: 1;
|
|
3276
3276
|
color: rgba(112, 112, 112, var(--tw-text-opacity));
|
|
3277
3277
|
}
|
|
3278
|
-
.first\:mt-6:first-child {
|
|
3279
|
-
margin-top: 1.5rem;
|
|
3280
|
-
}
|
|
3281
3278
|
.first\:border-t:first-child {
|
|
3282
3279
|
border-top-width: 1px;
|
|
3283
3280
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
<div class="grid grid-page">
|
|
3
|
-
<div class="
|
|
3
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
4
4
|
{{#>components/grid/grid_group _size="100"}}
|
|
5
5
|
<h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
|
|
6
6
|
{{#>components/grid/grid_item _size="12"}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<section class="grid grid-cols-12
|
|
1
|
+
<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
</section>
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</section>
|
|
5
|
-
<div class="
|
|
5
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
grid grid-cols-12 mt-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
|
|
@@ -29,39 +29,39 @@
|
|
|
29
29
|
class="flex items-center justify-center"
|
|
30
30
|
>
|
|
31
31
|
<div class="grid grid-page">
|
|
32
|
-
<div class="
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
32
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
33
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
34
|
+
{{> components/teaser/teaser_standard }}
|
|
35
|
+
</section>
|
|
36
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
37
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="100"}}
|
|
38
|
+
</section>
|
|
39
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
40
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
41
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
42
|
+
</section>
|
|
43
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
44
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
45
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
46
|
+
</section>
|
|
47
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
48
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
49
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
50
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
51
|
+
</section>
|
|
52
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
53
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
54
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
55
|
+
</div>
|
|
56
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
57
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
58
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
59
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
60
|
+
</div>
|
|
61
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
62
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
63
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
64
|
+
</div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
</main>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 mx-5 sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-3xl rounded-br-3xl{{inline-switch this.teaserSize '["50"
|
|
2
|
-
{{> components/teaser/podcast/podcast_player _linkTitle="true" _isSinglePage=true
|
|
1
|
+
<div class="relative grid flex-col col-span-12 mx-5 sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-3xl rounded-br-3xl{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
2
|
+
{{> components/teaser/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
|
|
3
3
|
</div>
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
{{!-- Podcast Image --}}
|
|
37
37
|
<div class="flex flex-col ">
|
|
38
|
-
<div class="w-22 {{inline-switch this.teaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32"]'}}">
|
|
38
|
+
<div class="w-22 {{inline-switch this.teaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
39
39
|
{{> components/base/image/responsive_image this.teaseritem
|
|
40
40
|
_type="podcastEpisodePlayer"
|
|
41
41
|
_variant="default"
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
{{!-- Player UI --}}
|
|
52
|
-
<div class="flex {{inline-switch this.teaserSize '["100"
|
|
52
|
+
<div class="flex {{inline-switch this.teaserSize '["100"]' '["lg:pr-48 lg:-mt-14",""]'}}"
|
|
53
53
|
x-data="playaudio()"
|
|
54
54
|
x-init="listenToGlobalStop()"
|
|
55
55
|
ax-load
|
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.117.
|
|
9
|
+
"version": "0.117.12",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
<div class="grid grid-page">
|
|
3
|
-
<div class="
|
|
3
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
4
4
|
{{#>components/grid/grid_group _size="100"}}
|
|
5
5
|
<h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
|
|
6
6
|
{{#>components/grid/grid_item _size="12"}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<section class="grid grid-cols-12
|
|
1
|
+
<section class="grid grid-cols-12 items-start bg-white content-start gap-x-6 gap-y-5 col-span-12 {{inline-switch _groupSize '["100","66","50","33","25"]' '["","md:col-span-8","md:col-span-6","md:col-span-4","md:col-span-3"]'}}">
|
|
2
2
|
{{> @partial-block }}
|
|
3
3
|
</section>
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<section class="grid grid-cols-12 px-8 py-8 mx-4 mt-6 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
|
|
3
3
|
{{> @partial-block }}
|
|
4
4
|
</section>
|
|
5
|
-
<div class="
|
|
5
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
grid grid-cols-12 mt-6 sm:px-8 col-full sm:col-main gap-x-6 gap-y-10 md:gap-y-14
|
|
@@ -29,39 +29,39 @@
|
|
|
29
29
|
class="flex items-center justify-center"
|
|
30
30
|
>
|
|
31
31
|
<div class="grid grid-page">
|
|
32
|
-
<div class="
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
32
|
+
<div class="{{> components/grid/grid_group_wrapper_classes }}">
|
|
33
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
34
|
+
{{> components/teaser/teaser_standard }}
|
|
35
|
+
</section>
|
|
36
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
37
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="100"}}
|
|
38
|
+
</section>
|
|
39
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
40
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
41
|
+
{{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
|
|
42
|
+
</section>
|
|
43
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
44
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
45
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
46
|
+
</section>
|
|
47
|
+
<section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
48
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
49
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
50
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
51
|
+
</section>
|
|
52
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
53
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
54
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
55
|
+
</div>
|
|
56
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
57
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
58
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
59
|
+
{{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
|
|
60
|
+
</div>
|
|
61
|
+
<div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
|
|
62
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
63
|
+
{{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
|
|
64
|
+
</div>
|
|
65
65
|
</div>
|
|
66
66
|
</div>
|
|
67
67
|
</main>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<div class="relative grid flex-col col-span-12 mx-5 sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-3xl rounded-br-3xl{{inline-switch this.teaserSize '["50"
|
|
2
|
-
{{> components/teaser/podcast/podcast_player _linkTitle="true" _isSinglePage=true
|
|
1
|
+
<div class="relative grid flex-col col-span-12 mx-5 sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-3xl rounded-br-3xl{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
|
|
2
|
+
{{> components/teaser/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
|
|
3
3
|
</div>
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
{{!-- Podcast Image --}}
|
|
37
37
|
<div class="flex flex-col ">
|
|
38
|
-
<div class="w-22 {{inline-switch this.teaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32"]'}}">
|
|
38
|
+
<div class="w-22 {{inline-switch this.teaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
39
39
|
{{> components/base/image/responsive_image this.teaseritem
|
|
40
40
|
_type="podcastEpisodePlayer"
|
|
41
41
|
_variant="default"
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</div>
|
|
50
50
|
|
|
51
51
|
{{!-- Player UI --}}
|
|
52
|
-
<div class="flex {{inline-switch this.teaserSize '["100"
|
|
52
|
+
<div class="flex {{inline-switch this.teaserSize '["100"]' '["lg:pr-48 lg:-mt-14",""]'}}"
|
|
53
53
|
x-data="playaudio()"
|
|
54
54
|
x-init="listenToGlobalStop()"
|
|
55
55
|
ax-load
|