hr-design-system-handlebars 1.1.2 โ 1.1.4
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 +24 -29
- package/dist/views/components/button/button_round_classes.hbs +8 -8
- package/dist/views/components/geoTag/geoTag.hbs +1 -1
- package/dist/views/components/teaser/podcast/podcast_player.hbs +1 -1
- package/dist/views/components/teaser/podcast/podcast_playlist_player.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/button/button_round_classes.hbs +8 -8
- package/src/stories/views/components/geoTag/geoTag.hbs +1 -1
- package/src/stories/views/components/teaser/podcast/podcast_player.hbs +1 -1
- package/src/stories/views/components/teaser/podcast/podcast_playlist_player.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v1.1.4 (Fri Feb 10 2023)
|
|
2
|
+
|
|
3
|
+
#### ๐ Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 2086 - Abstรคnde Ortslabel einheitlich [#542](https://github.com/mumprod/hr-design-system-handlebars/pull/542) ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.1.3 (Fri Feb 10 2023)
|
|
14
|
+
|
|
15
|
+
#### ๐ Bug Fix
|
|
16
|
+
|
|
17
|
+
- realTeaserSize for podcast Image [#540](https://github.com/mumprod/hr-design-system-handlebars/pull/540) ([@StefanVesper](https://github.com/StefanVesper))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.1.2 (Fri Feb 10 2023)
|
|
2
26
|
|
|
3
27
|
#### ๐ Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1108,21 +1108,21 @@ video {
|
|
|
1108
1108
|
margin-left: 0.5rem;
|
|
1109
1109
|
margin-right: 0.5rem;
|
|
1110
1110
|
}
|
|
1111
|
-
.my-
|
|
1112
|
-
margin-top:
|
|
1113
|
-
margin-bottom:
|
|
1111
|
+
.my-4 {
|
|
1112
|
+
margin-top: 1rem;
|
|
1113
|
+
margin-bottom: 1rem;
|
|
1114
1114
|
}
|
|
1115
|
-
.mx-
|
|
1116
|
-
margin-left:
|
|
1117
|
-
margin-right:
|
|
1115
|
+
.mx-4 {
|
|
1116
|
+
margin-left: 1rem;
|
|
1117
|
+
margin-right: 1rem;
|
|
1118
1118
|
}
|
|
1119
1119
|
.mx-0 {
|
|
1120
1120
|
margin-left: 0px;
|
|
1121
1121
|
margin-right: 0px;
|
|
1122
1122
|
}
|
|
1123
|
-
.mx-
|
|
1124
|
-
margin-left:
|
|
1125
|
-
margin-right:
|
|
1123
|
+
.mx-5 {
|
|
1124
|
+
margin-left: 1.25rem;
|
|
1125
|
+
margin-right: 1.25rem;
|
|
1126
1126
|
}
|
|
1127
1127
|
.mx-px {
|
|
1128
1128
|
margin-left: 1px;
|
|
@@ -1132,9 +1132,9 @@ video {
|
|
|
1132
1132
|
margin-left: 0.25rem;
|
|
1133
1133
|
margin-right: 0.25rem;
|
|
1134
1134
|
}
|
|
1135
|
-
.my-
|
|
1136
|
-
margin-top:
|
|
1137
|
-
margin-bottom:
|
|
1135
|
+
.my-5 {
|
|
1136
|
+
margin-top: 1.25rem;
|
|
1137
|
+
margin-bottom: 1.25rem;
|
|
1138
1138
|
}
|
|
1139
1139
|
.my-3 {
|
|
1140
1140
|
margin-top: 0.75rem;
|
|
@@ -2646,7 +2646,7 @@ video {
|
|
|
2646
2646
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2647
2647
|
}
|
|
2648
2648
|
.counter-reset {
|
|
2649
|
-
counter-reset:
|
|
2649
|
+
counter-reset: cnt1676046341192;
|
|
2650
2650
|
}
|
|
2651
2651
|
.line-clamp-4 {
|
|
2652
2652
|
overflow: hidden;
|
|
@@ -2880,7 +2880,7 @@ video {
|
|
|
2880
2880
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2881
2881
|
}
|
|
2882
2882
|
.-ordered {
|
|
2883
|
-
counter-increment:
|
|
2883
|
+
counter-increment: cnt1676046341192 1;
|
|
2884
2884
|
}
|
|
2885
2885
|
.-ordered::before {
|
|
2886
2886
|
position: absolute;
|
|
@@ -2896,7 +2896,7 @@ video {
|
|
|
2896
2896
|
letter-spacing: .0125em;
|
|
2897
2897
|
--tw-text-opacity: 1;
|
|
2898
2898
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2899
|
-
content: counter(
|
|
2899
|
+
content: counter(cnt1676046341192);
|
|
2900
2900
|
}
|
|
2901
2901
|
/*! ****************************/
|
|
2902
2902
|
/*! text-shadow */
|
|
@@ -4261,14 +4261,14 @@ video {
|
|
|
4261
4261
|
margin-right: 0.75rem;
|
|
4262
4262
|
}
|
|
4263
4263
|
|
|
4264
|
-
.md\:my-
|
|
4265
|
-
margin-top:
|
|
4266
|
-
margin-bottom:
|
|
4264
|
+
.md\:my-4 {
|
|
4265
|
+
margin-top: 1rem;
|
|
4266
|
+
margin-bottom: 1rem;
|
|
4267
4267
|
}
|
|
4268
4268
|
|
|
4269
|
-
.md\:mx-
|
|
4270
|
-
margin-left:
|
|
4271
|
-
margin-right:
|
|
4269
|
+
.md\:mx-4 {
|
|
4270
|
+
margin-left: 1rem;
|
|
4271
|
+
margin-right: 1rem;
|
|
4272
4272
|
}
|
|
4273
4273
|
|
|
4274
4274
|
.md\:mx-0 {
|
|
@@ -4276,14 +4276,9 @@ video {
|
|
|
4276
4276
|
margin-right: 0px;
|
|
4277
4277
|
}
|
|
4278
4278
|
|
|
4279
|
-
.md\:mx-
|
|
4280
|
-
margin-left:
|
|
4281
|
-
margin-right:
|
|
4282
|
-
}
|
|
4283
|
-
|
|
4284
|
-
.md\:my-4 {
|
|
4285
|
-
margin-top: 1rem;
|
|
4286
|
-
margin-bottom: 1rem;
|
|
4279
|
+
.md\:mx-5 {
|
|
4280
|
+
margin-left: 1.25rem;
|
|
4281
|
+
margin-right: 1.25rem;
|
|
4287
4282
|
}
|
|
4288
4283
|
|
|
4289
4284
|
.md\:mt-0 {
|
|
@@ -2,44 +2,44 @@
|
|
|
2
2
|
{{~#case 'standard'~}}
|
|
3
3
|
{{~#if _isMobile1to1~}}
|
|
4
4
|
{{~inline-switch
|
|
5
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-
|
|
5
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-4 md:mx-4 "]'
|
|
6
6
|
~}}
|
|
7
7
|
{{~else~}}
|
|
8
8
|
{{~inline-switch
|
|
9
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-
|
|
9
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-4 mx-4 md:my-3 md:mx-3"," my-4 mx-4"]'
|
|
10
10
|
~}}
|
|
11
11
|
{{~/if~}}
|
|
12
12
|
{{~/case~}}
|
|
13
13
|
{{~#case 'alternative'~}}
|
|
14
14
|
{{~#if _isMobile1to1~}}
|
|
15
15
|
{{~inline-switch
|
|
16
|
-
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-
|
|
16
|
+
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-4 md:mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
17
17
|
~}}
|
|
18
18
|
{{~else~}}
|
|
19
19
|
{{~inline-switch
|
|
20
|
-
_teaserSize '["hero","100","50"]' '[" my-
|
|
20
|
+
_teaserSize '["hero","100","50"]' '[" my-4 mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
21
21
|
~}}
|
|
22
22
|
{{~/if~}}
|
|
23
23
|
{{~/case~}}
|
|
24
24
|
{{~#case 'tabbox-standard'~}}
|
|
25
25
|
{{~#if _isMobile1to1~}}
|
|
26
26
|
{{~inline-switch
|
|
27
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-
|
|
27
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-4 md:mx-4 "]'
|
|
28
28
|
~}}
|
|
29
29
|
{{~else~}}
|
|
30
30
|
{{~inline-switch
|
|
31
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-
|
|
31
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-4 mx-4 md:my-3 md:mx-3"," my-4 mx-4"]'
|
|
32
32
|
~}}
|
|
33
33
|
{{~/if~}}
|
|
34
34
|
{{~/case~}}
|
|
35
35
|
{{~#case 'tabbox-alternative'~}}
|
|
36
36
|
{{~#if _isMobile1to1~}}
|
|
37
37
|
{{~inline-switch
|
|
38
|
-
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-
|
|
38
|
+
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-4 md:mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
39
39
|
~}}
|
|
40
40
|
{{~else~}}
|
|
41
41
|
{{~inline-switch
|
|
42
|
-
_teaserSize '["hero","100","50"]' '[" my-
|
|
42
|
+
_teaserSize '["hero","100","50"]' '[" my-4 mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
43
43
|
~}}
|
|
44
44
|
{{~/if~}}
|
|
45
45
|
{{~/case~}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<span
|
|
2
|
-
class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0{{#if _isMobile1to1}} hidden md:inline-block
|
|
2
|
+
class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0{{#if _isMobile1to1}} hidden md:inline-block{{else}} inline-block{{/if}} mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag'
|
|
3
3
|
aria-hidden="true"
|
|
4
4
|
>
|
|
5
5
|
{{~_text~}}
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
{{!-- Podcast Image --}}
|
|
39
39
|
<div class="flex flex-col ">
|
|
40
|
-
<div class="w-22 {{inline-switch this.
|
|
40
|
+
<div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
41
41
|
{{> components/base/image/responsive_image this.teaseritem
|
|
42
42
|
_type="podcastEpisodePlayer"
|
|
43
43
|
_variant="default"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
{{!-- Podcast Image --}}
|
|
31
31
|
<div class="flex flex-col pb-5">
|
|
32
|
-
<div class="w-
|
|
32
|
+
<div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
33
33
|
{{> components/base/image/responsive_image this.teaseritem
|
|
34
34
|
_type="podcastEpisodePlayer"
|
|
35
35
|
_variant="default"
|
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.1.
|
|
9
|
+
"version": "1.1.4",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -2,44 +2,44 @@
|
|
|
2
2
|
{{~#case 'standard'~}}
|
|
3
3
|
{{~#if _isMobile1to1~}}
|
|
4
4
|
{{~inline-switch
|
|
5
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-
|
|
5
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-4 md:mx-4 "]'
|
|
6
6
|
~}}
|
|
7
7
|
{{~else~}}
|
|
8
8
|
{{~inline-switch
|
|
9
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-
|
|
9
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-4 mx-4 md:my-3 md:mx-3"," my-4 mx-4"]'
|
|
10
10
|
~}}
|
|
11
11
|
{{~/if~}}
|
|
12
12
|
{{~/case~}}
|
|
13
13
|
{{~#case 'alternative'~}}
|
|
14
14
|
{{~#if _isMobile1to1~}}
|
|
15
15
|
{{~inline-switch
|
|
16
|
-
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-
|
|
16
|
+
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-4 md:mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
17
17
|
~}}
|
|
18
18
|
{{~else~}}
|
|
19
19
|
{{~inline-switch
|
|
20
|
-
_teaserSize '["hero","100","50"]' '[" my-
|
|
20
|
+
_teaserSize '["hero","100","50"]' '[" my-4 mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
21
21
|
~}}
|
|
22
22
|
{{~/if~}}
|
|
23
23
|
{{~/case~}}
|
|
24
24
|
{{~#case 'tabbox-standard'~}}
|
|
25
25
|
{{~#if _isMobile1to1~}}
|
|
26
26
|
{{~inline-switch
|
|
27
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-
|
|
27
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2 md:my-4 md:mx-4 "]'
|
|
28
28
|
~}}
|
|
29
29
|
{{~else~}}
|
|
30
30
|
{{~inline-switch
|
|
31
|
-
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-
|
|
31
|
+
_teaserSize '["25","33"]' '[" my-2 mx-2"," my-4 mx-4 md:my-3 md:mx-3"," my-4 mx-4"]'
|
|
32
32
|
~}}
|
|
33
33
|
{{~/if~}}
|
|
34
34
|
{{~/case~}}
|
|
35
35
|
{{~#case 'tabbox-alternative'~}}
|
|
36
36
|
{{~#if _isMobile1to1~}}
|
|
37
37
|
{{~inline-switch
|
|
38
|
-
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-
|
|
38
|
+
_teaserSize '["hero","100","50"]' '[" my-2 mx-2 md:my-4 md:mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
39
39
|
~}}
|
|
40
40
|
{{~else~}}
|
|
41
41
|
{{~inline-switch
|
|
42
|
-
_teaserSize '["hero","100","50"]' '[" my-
|
|
42
|
+
_teaserSize '["hero","100","50"]' '[" my-4 mx-4"," my-2 mx-2 md:my-3 md:mx-3"," my-2 mx-2"]'
|
|
43
43
|
~}}
|
|
44
44
|
{{~/if~}}
|
|
45
45
|
{{~/case~}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<span
|
|
2
|
-
class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0{{#if _isMobile1to1}} hidden md:inline-block
|
|
2
|
+
class='w-3/5 max-w-min truncate z-10 pointer-events-none absolute bottom-0 left-0{{#if _isMobile1to1}} hidden md:inline-block{{else}} inline-block{{/if}} mx-4 my-4 rounded px-1.5 pt-px tracking-wide text-black text-base leading-5.5 font-heading bg-geoTag'
|
|
3
3
|
aria-hidden="true"
|
|
4
4
|
>
|
|
5
5
|
{{~_text~}}
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
|
|
38
38
|
{{!-- Podcast Image --}}
|
|
39
39
|
<div class="flex flex-col ">
|
|
40
|
-
<div class="w-22 {{inline-switch this.
|
|
40
|
+
<div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
41
41
|
{{> components/base/image/responsive_image this.teaseritem
|
|
42
42
|
_type="podcastEpisodePlayer"
|
|
43
43
|
_variant="default"
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
{{!-- Podcast Image --}}
|
|
31
31
|
<div class="flex flex-col pb-5">
|
|
32
|
-
<div class="w-
|
|
32
|
+
<div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
|
|
33
33
|
{{> components/base/image/responsive_image this.teaseritem
|
|
34
34
|
_type="podcastEpisodePlayer"
|
|
35
35
|
_variant="default"
|