hr-design-system-handlebars 1.114.144 → 1.114.145
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 +13 -0
- package/dist/assets/index.css +17 -3
- package/dist/views/components/teaser/vertical_video/vertical_video_teaser.hbs +22 -5
- package/dist/views/components/teaser/vertical_video/vertical_video_teaser_group.hbs +1 -1
- package/dist/views_static/components/teaser/vertical_video/vertical_video_teaser.hbs +22 -5
- package/dist/views_static/components/teaser/vertical_video/vertical_video_teaser_group.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/teaser/vertical_video/vertical_video_teaser.hbs +22 -5
- package/src/stories/views/components/teaser/vertical_video/vertical_video_teaser_group.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v1.114.145 (Tue Jun 17 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- Dpe 3649 v3 [#1286](https://github.com/mumprod/hr-design-system-handlebars/pull/1286) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
10
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v1.114.144 (Mon Jun 16 2025)
|
|
2
15
|
|
|
3
16
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1912,6 +1912,9 @@ article #commentList {
|
|
|
1912
1912
|
.w-\[724px\] {
|
|
1913
1913
|
width: 724px;
|
|
1914
1914
|
}
|
|
1915
|
+
.w-\[75vw\] {
|
|
1916
|
+
width: 75vw;
|
|
1917
|
+
}
|
|
1915
1918
|
.w-\[90vw\] {
|
|
1916
1919
|
width: 90vw;
|
|
1917
1920
|
}
|
|
@@ -3888,7 +3891,7 @@ article #commentList {
|
|
|
3888
3891
|
border-bottom-color: var(--color-secondary-ds);
|
|
3889
3892
|
}
|
|
3890
3893
|
.counter-reset {
|
|
3891
|
-
counter-reset:
|
|
3894
|
+
counter-reset: cnt1750162368291;
|
|
3892
3895
|
}
|
|
3893
3896
|
.animate-delay-100 {
|
|
3894
3897
|
--tw-animate-delay: 100ms;
|
|
@@ -4349,7 +4352,7 @@ html { scroll-behavior: smooth; }
|
|
|
4349
4352
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4350
4353
|
}
|
|
4351
4354
|
.-ordered {
|
|
4352
|
-
counter-increment:
|
|
4355
|
+
counter-increment: cnt1750162368291 1;
|
|
4353
4356
|
}
|
|
4354
4357
|
.-ordered::before {
|
|
4355
4358
|
position: absolute;
|
|
@@ -4367,7 +4370,7 @@ html { scroll-behavior: smooth; }
|
|
|
4367
4370
|
--tw-text-opacity: 1;
|
|
4368
4371
|
color: rgba(0, 0, 0, 1);
|
|
4369
4372
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4370
|
-
content: counter(
|
|
4373
|
+
content: counter(cnt1750162368291);
|
|
4371
4374
|
}
|
|
4372
4375
|
/*! ****************************/
|
|
4373
4376
|
/*! DataPolicy stuff */
|
|
@@ -4560,6 +4563,9 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
|
|
|
4560
4563
|
.\[border-image-source\:var\(--border-navigation-border-image\)\] {
|
|
4561
4564
|
border-image-source: var(--border-navigation-border-image);
|
|
4562
4565
|
}
|
|
4566
|
+
.\[scroll-snap-align\:center\] {
|
|
4567
|
+
scroll-snap-align: center;
|
|
4568
|
+
}
|
|
4563
4569
|
.\[scroll-snap-align\:start\] {
|
|
4564
4570
|
scroll-snap-align: start;
|
|
4565
4571
|
}
|
|
@@ -7183,6 +7189,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
|
|
|
7183
7189
|
width: calc(25% - 12px);
|
|
7184
7190
|
}
|
|
7185
7191
|
|
|
7192
|
+
.sm\:w-\[calc\(25\%-18px\)\] {
|
|
7193
|
+
width: calc(25% - 18px);
|
|
7194
|
+
}
|
|
7195
|
+
|
|
7186
7196
|
.sm\:w-fit {
|
|
7187
7197
|
width: -webkit-fit-content;
|
|
7188
7198
|
width: -moz-fit-content;
|
|
@@ -7213,6 +7223,10 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
|
|
|
7213
7223
|
flex-wrap: nowrap;
|
|
7214
7224
|
}
|
|
7215
7225
|
|
|
7226
|
+
.sm\:justify-start {
|
|
7227
|
+
justify-content: flex-start;
|
|
7228
|
+
}
|
|
7229
|
+
|
|
7216
7230
|
.sm\:justify-between {
|
|
7217
7231
|
justify-content: space-between;
|
|
7218
7232
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<article class="shrink-0 w-[
|
|
2
|
-
<section
|
|
3
|
-
<div class="relative">
|
|
1
|
+
<article class="shrink-0 w-[75vw] sm:w-[calc(25%-18px)] rounded-lg [scroll-snap-align:center]" x-data="{ avStart: false }">
|
|
2
|
+
<section>
|
|
3
|
+
<div class="relative bg-white">
|
|
4
4
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative ar-9-16 w-full" >
|
|
5
5
|
{{#with this.toModel.videoElement}}
|
|
6
6
|
{{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
@@ -8,11 +8,28 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
</figure>
|
|
10
10
|
<div class="absolute left-0 w-full pr-2 bottom-16">
|
|
11
|
-
<span class="w-full px-2 py-1 text-
|
|
11
|
+
<span class="w-full px-2 py-1 text-2xl text-white sm:text-xl hyphens-limit-15 bg-primary box-decoration-clone font-title ">
|
|
12
12
|
{{this.title }}
|
|
13
13
|
</span>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
<span class='text-xs font-headingSerif text-gray-scorpion empty:hidden'>
|
|
18
|
+
{{~#with this.teaserInfo~}}
|
|
19
|
+
{{~#if this.showTeaserInfo~}}
|
|
20
|
+
{{~#with ../this.teaserDate~}}
|
|
21
|
+
<time datetime="{{this.htmlDateTime}}">{{this.date}}</time><span class="mx-1 last-of-type:hidden">|</span>
|
|
22
|
+
{{~/with~}}
|
|
23
|
+
{{~/if~}}
|
|
24
|
+
{{~/with~}}
|
|
25
|
+
{{~#with this.label.byline~}}
|
|
26
|
+
{{~#if this.bylineSsi~}}
|
|
27
|
+
{{~> components/base/loadSSI this.bylineSsi _context=this.context _templatePath=this.bylineSsi~}}
|
|
28
|
+
{{~else~}}
|
|
29
|
+
{{~this.bylineText~}}
|
|
30
|
+
{{~/if~}}
|
|
31
|
+
{{/with}}
|
|
32
|
+
</span>
|
|
33
|
+
|
|
17
34
|
</section>
|
|
18
35
|
</article>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
>
|
|
19
19
|
<div class="flex col-span-full">
|
|
20
20
|
<div class="overflow-x-auto no-scrollbar [scroll-snap-type:x_mandatory] w-full">
|
|
21
|
-
<div class="flex w-full
|
|
21
|
+
<div class="flex gap-6 px-5 w-max sm:w-full sm:px-0 sm:justify-start">
|
|
22
22
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<article class="shrink-0 w-[
|
|
2
|
-
<section
|
|
3
|
-
<div class="relative">
|
|
1
|
+
<article class="shrink-0 w-[75vw] sm:w-[calc(25%-18px)] rounded-lg [scroll-snap-align:center]" x-data="{ avStart: false }">
|
|
2
|
+
<section>
|
|
3
|
+
<div class="relative bg-white">
|
|
4
4
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative ar-9-16 w-full" >
|
|
5
5
|
{{#with this.toModel.videoElement}}
|
|
6
6
|
{{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
@@ -8,11 +8,28 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
</figure>
|
|
10
10
|
<div class="absolute left-0 w-full pr-2 bottom-16">
|
|
11
|
-
<span class="w-full px-2 py-1 text-
|
|
11
|
+
<span class="w-full px-2 py-1 text-2xl text-white sm:text-xl hyphens-limit-15 bg-primary box-decoration-clone font-title ">
|
|
12
12
|
{{this.title }}
|
|
13
13
|
</span>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
<span class='text-xs font-headingSerif text-gray-scorpion empty:hidden'>
|
|
18
|
+
{{~#with this.teaserInfo~}}
|
|
19
|
+
{{~#if this.showTeaserInfo~}}
|
|
20
|
+
{{~#with ../this.teaserDate~}}
|
|
21
|
+
<time datetime="{{this.htmlDateTime}}">{{this.date}}</time><span class="mx-1 last-of-type:hidden">|</span>
|
|
22
|
+
{{~/with~}}
|
|
23
|
+
{{~/if~}}
|
|
24
|
+
{{~/with~}}
|
|
25
|
+
{{~#with this.label.byline~}}
|
|
26
|
+
{{~#if this.bylineSsi~}}
|
|
27
|
+
{{~> components/base/loadSSI this.bylineSsi _context=this.context _templatePath=this.bylineSsi~}}
|
|
28
|
+
{{~else~}}
|
|
29
|
+
{{~this.bylineText~}}
|
|
30
|
+
{{~/if~}}
|
|
31
|
+
{{/with}}
|
|
32
|
+
</span>
|
|
33
|
+
|
|
17
34
|
</section>
|
|
18
35
|
</article>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
>
|
|
19
19
|
<div class="flex col-span-full">
|
|
20
20
|
<div class="overflow-x-auto no-scrollbar [scroll-snap-type:x_mandatory] w-full">
|
|
21
|
-
<div class="flex w-full
|
|
21
|
+
<div class="flex gap-6 px-5 w-max sm:w-full sm:px-0 sm:justify-start">
|
|
22
22
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
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.114.
|
|
9
|
+
"version": "1.114.145",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<article class="shrink-0 w-[
|
|
2
|
-
<section
|
|
3
|
-
<div class="relative">
|
|
1
|
+
<article class="shrink-0 w-[75vw] sm:w-[calc(25%-18px)] rounded-lg [scroll-snap-align:center]" x-data="{ avStart: false }">
|
|
2
|
+
<section>
|
|
3
|
+
<div class="relative bg-white">
|
|
4
4
|
<figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative ar-9-16 w-full" >
|
|
5
5
|
{{#with this.toModel.videoElement}}
|
|
6
6
|
{{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
@@ -8,11 +8,28 @@
|
|
|
8
8
|
{{/with}}
|
|
9
9
|
</figure>
|
|
10
10
|
<div class="absolute left-0 w-full pr-2 bottom-16">
|
|
11
|
-
<span class="w-full px-2 py-1 text-
|
|
11
|
+
<span class="w-full px-2 py-1 text-2xl text-white sm:text-xl hyphens-limit-15 bg-primary box-decoration-clone font-title ">
|
|
12
12
|
{{this.title }}
|
|
13
13
|
</span>
|
|
14
14
|
</div>
|
|
15
15
|
</div>
|
|
16
|
-
|
|
16
|
+
|
|
17
|
+
<span class='text-xs font-headingSerif text-gray-scorpion empty:hidden'>
|
|
18
|
+
{{~#with this.teaserInfo~}}
|
|
19
|
+
{{~#if this.showTeaserInfo~}}
|
|
20
|
+
{{~#with ../this.teaserDate~}}
|
|
21
|
+
<time datetime="{{this.htmlDateTime}}">{{this.date}}</time><span class="mx-1 last-of-type:hidden">|</span>
|
|
22
|
+
{{~/with~}}
|
|
23
|
+
{{~/if~}}
|
|
24
|
+
{{~/with~}}
|
|
25
|
+
{{~#with this.label.byline~}}
|
|
26
|
+
{{~#if this.bylineSsi~}}
|
|
27
|
+
{{~> components/base/loadSSI this.bylineSsi _context=this.context _templatePath=this.bylineSsi~}}
|
|
28
|
+
{{~else~}}
|
|
29
|
+
{{~this.bylineText~}}
|
|
30
|
+
{{~/if~}}
|
|
31
|
+
{{/with}}
|
|
32
|
+
</span>
|
|
33
|
+
|
|
17
34
|
</section>
|
|
18
35
|
</article>
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
>
|
|
19
19
|
<div class="flex col-span-full">
|
|
20
20
|
<div class="overflow-x-auto no-scrollbar [scroll-snap-type:x_mandatory] w-full">
|
|
21
|
-
<div class="flex w-full
|
|
21
|
+
<div class="flex gap-6 px-5 w-max sm:w-full sm:px-0 sm:justify-start">
|
|
22
22
|
{{~> components/teaser/teaser_logic/teaser_logic ~}}
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|