hr-design-system-handlebars 0.87.0 → 0.87.1

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 CHANGED
@@ -1,3 +1,16 @@
1
+ # v0.87.1 (Tue Nov 22 2022)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - change Podcast playbutton to Audio playbutton [#392](https://github.com/mumprod/hr-design-system-handlebars/pull/392) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v0.87.0 (Tue Nov 22 2022)
2
15
 
3
16
  #### 🚀 Enhancement
@@ -662,15 +662,15 @@ video {
662
662
  .right-0 {
663
663
  right: 0px;
664
664
  }
665
- .top-0 {
666
- top: 0px;
667
- }
668
665
  .left-1\/2 {
669
666
  left: 50%;
670
667
  }
671
668
  .top-1\/2 {
672
669
  top: 50%;
673
670
  }
671
+ .top-0 {
672
+ top: 0px;
673
+ }
674
674
  .top-10 {
675
675
  top: 2.5rem;
676
676
  }
@@ -739,9 +739,6 @@ video {
739
739
  .\!m-0 {
740
740
  margin: 0px !important;
741
741
  }
742
- .m-5 {
743
- margin: 1.25rem;
744
- }
745
742
  .m-1\.5 {
746
743
  margin: 0.375rem;
747
744
  }
@@ -2252,7 +2249,7 @@ video {
2252
2249
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2253
2250
  }
2254
2251
  .counter-reset {
2255
- counter-reset: cnt1669107292058;
2252
+ counter-reset: cnt1669111038259;
2256
2253
  }
2257
2254
  .line-clamp-4 {
2258
2255
  overflow: hidden;
@@ -2641,7 +2638,7 @@ video {
2641
2638
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2642
2639
  }
2643
2640
  .-ordered {
2644
- counter-increment: cnt1669107292058 1;
2641
+ counter-increment: cnt1669111038259 1;
2645
2642
  }
2646
2643
  .-ordered::before {
2647
2644
  position: absolute;
@@ -2657,7 +2654,7 @@ video {
2657
2654
  letter-spacing: .0125em;
2658
2655
  --tw-text-opacity: 1;
2659
2656
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2660
- content: counter(cnt1669107292058);
2657
+ content: counter(cnt1669111038259);
2661
2658
  }
2662
2659
  .\[-T\:\+Z\] {
2663
2660
  --t: +Z;
@@ -25,18 +25,11 @@
25
25
  _addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
26
26
  _buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-blue-jellyBean hover:fill-blue-jellyBean')
27
27
  _buttonSpace=(inline-switch _teaserSize '["25","33"]' '[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]')
28
- _showIcon=true
28
+ _showIcon=true
29
29
  _icon=_mediaButtonIcon
30
30
  _label=_mediaButtonLabel
31
31
  _srOnly="true"
32
32
  _alpineClick="avStart = !avStart; $dispatch('player_start')"
33
33
  }}
34
- {{~#if this.isPodcast~}}
35
- <a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with
36
- this.trackingData}}
37
- data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
38
- {{> components/base/image/icon _icon='download-button' _addClass="w-10 h-10"}}
39
- </a>
40
- {{~/if~}}
41
34
  </div>
42
35
  {{/if}}
@@ -17,7 +17,7 @@
17
17
  {{~/if~}}
18
18
  {{~#if this.isPodcast ~}}
19
19
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
20
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
21
21
  {{#if ../../_isMobile1to1~}}
22
22
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
23
  {{~/if~}}
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.87.0",
9
+ "version": "0.87.1",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
@@ -25,18 +25,11 @@
25
25
  _addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
26
26
  _buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-blue-jellyBean hover:fill-blue-jellyBean')
27
27
  _buttonSpace=(inline-switch _teaserSize '["25","33"]' '[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]')
28
- _showIcon=true
28
+ _showIcon=true
29
29
  _icon=_mediaButtonIcon
30
30
  _label=_mediaButtonLabel
31
31
  _srOnly="true"
32
32
  _alpineClick="avStart = !avStart; $dispatch('player_start')"
33
33
  }}
34
- {{~#if this.isPodcast~}}
35
- <a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with
36
- this.trackingData}}
37
- data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
38
- {{> components/base/image/icon _icon='download-button' _addClass="w-10 h-10"}}
39
- </a>
40
- {{~/if~}}
41
34
  </div>
42
35
  {{/if}}
@@ -17,7 +17,7 @@
17
17
  {{~/if~}}
18
18
  {{~#if this.isPodcast ~}}
19
19
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="podcast-button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
20
+ {{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag~}}
21
21
  {{#if ../../_isMobile1to1~}}
22
22
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
23
  {{~/if~}}