hr-design-system-handlebars 0.122.7 → 0.122.9

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +10 -10
  3. package/dist/views/components/teaser/podcast/podcast_player_ui.hbs +2 -2
  4. package/dist/views/components/teaser/podcast/podcast_playlist_player.hbs +5 -3
  5. package/dist/views/components/teaser/podcast/podcast_subscribe_button.hbs +2 -2
  6. package/dist/views/components/teaser/podcast/podcast_title.hbs +13 -5
  7. package/package.json +1 -1
  8. package/src/assets/css/custom-components.css +2 -2
  9. package/src/stories/views/components/teaser/podcast/podcast_player_ui.hbs +2 -2
  10. package/src/stories/views/components/teaser/podcast/podcast_playlist_player.hbs +5 -3
  11. package/src/stories/views/components/teaser/podcast/podcast_subscribe_button.hbs +2 -2
  12. package/src/stories/views/components/teaser/podcast/podcast_title.hbs +13 -5
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v0.122.9 (Fri Feb 03 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 2058 [#519](https://github.com/mumprod/hr-design-system-handlebars/pull/519) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v0.122.8 (Thu Feb 02 2023)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - change colors in podcast-teaser [#518](https://github.com/mumprod/hr-design-system-handlebars/pull/518) ([@hanswurstsalat](https://github.com/hanswurstsalat))
18
+
19
+ #### Authors: 1
20
+
21
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
22
+
23
+ ---
24
+
1
25
  # v0.122.7 (Thu Feb 02 2023)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -559,7 +559,8 @@ video {
559
559
  appearance: none;
560
560
  width: 16px;
561
561
  height: 16px;
562
- background: var(--color-podcast-highlight);
562
+ background: #006eb7;
563
+ background: var(--color-podcast-text);
563
564
  border: 2px solid white;
564
565
  cursor: pointer;
565
566
  border-radius: 50%;
@@ -570,7 +571,8 @@ video {
570
571
  appearance: none;
571
572
  width: 12px;
572
573
  height: 12px;
573
- background: var(--color-podcast-highlight);
574
+ background: #006eb7;
575
+ background: var(--color-podcast-text);
574
576
  border: 2px solid white;
575
577
  cursor: pointer;
576
578
  border-radius: 50%;
@@ -1865,8 +1867,9 @@ video {
1865
1867
  background-color: #006dc1;
1866
1868
  background-color: var(--color-podcast);
1867
1869
  }
1868
- .bg-podcast-highlight {
1869
- background-color: var(--color-podcast-highlight);
1870
+ .bg-podcast-text {
1871
+ background-color: #006eb7;
1872
+ background-color: var(--color-podcast-text);
1870
1873
  }
1871
1874
  .bg-stageTextBox {
1872
1875
  background-color: #006eb7;
@@ -2330,9 +2333,6 @@ video {
2330
2333
  color: #006eb7;
2331
2334
  color: var(--color-podcast-text);
2332
2335
  }
2333
- .text-podcast-highlight {
2334
- color: var(--color-podcast-highlight);
2335
- }
2336
2336
  .\!text-stageText {
2337
2337
  color: #ffffff !important;
2338
2338
  color: var(--color-stage-text) !important;
@@ -2505,7 +2505,7 @@ video {
2505
2505
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
2506
2506
  }
2507
2507
  .counter-reset {
2508
- counter-reset: cnt1675350335717;
2508
+ counter-reset: cnt1675428344493;
2509
2509
  }
2510
2510
  .line-clamp-4 {
2511
2511
  overflow: hidden;
@@ -2723,7 +2723,7 @@ video {
2723
2723
  --tw-ring-color: rgba(255, 255, 255, 0.5);
2724
2724
  }
2725
2725
  .-ordered {
2726
- counter-increment: cnt1675350335717 1;
2726
+ counter-increment: cnt1675428344493 1;
2727
2727
  }
2728
2728
  .-ordered::before {
2729
2729
  position: absolute;
@@ -2739,7 +2739,7 @@ video {
2739
2739
  letter-spacing: .0125em;
2740
2740
  --tw-text-opacity: 1;
2741
2741
  color: rgba(0, 0, 0, var(--tw-text-opacity));
2742
- content: counter(cnt1675350335717);
2742
+ content: counter(cnt1675428344493);
2743
2743
  }
2744
2744
  /*! ****************************/
2745
2745
  /*! text-shadow */
package/dist/views/components/teaser/podcast/podcast_player_ui.hbs CHANGED
@@ -59,7 +59,7 @@
59
59
  {{> components/teaser/podcast/podcast_timedisplay
60
60
  _id=_id
61
61
  _duration=duration
62
- _currentTimeClasses="font-bold text-podcast-highlight"
62
+ _currentTimeClasses="font-bold text-podcast-text"
63
63
  _durationClasses="text-podcast-text"
64
64
  _containerCss="flex text-sm grow font-heading" }}
65
65
  </div>
@@ -73,7 +73,7 @@
73
73
  {{> components/teaser/podcast/podcast_timedisplay
74
74
  _id=_id
75
75
  _duration=duration
76
- _currentTimeClasses="font-bold text-podcast-highlight"
76
+ _currentTimeClasses="font-bold text-podcast-text"
77
77
  _durationClasses="text-podcast-text"
78
78
  _containerCss="pl-16 -mt-3 flex text-sm grow font-heading"}}
79
79
  </div>
package/dist/views/components/teaser/podcast/podcast_playlist_player.hbs CHANGED
@@ -48,9 +48,11 @@
48
48
  {{/switch}}
49
49
 
50
50
  {{!-- Abo-Dropdown --}}
51
- <div class="flex flex-row px-5 md:pr-0">
52
- {{> components/teaser/podcast/podcast_subscribe_button}}
53
- </div>
51
+ {{#if this.isSingleChannel}}
52
+ <div class="flex flex-row px-5 md:pr-0">
53
+ {{> components/teaser/podcast/podcast_subscribe_button}}
54
+ </div>
55
+ {{/if}}
54
56
  </div>
55
57
  </div>
56
58
 
package/dist/views/components/teaser/podcast/podcast_subscribe_button.hbs CHANGED
@@ -27,7 +27,7 @@
27
27
  :aria-controls="$id('dropdown-button')"
28
28
  type="button"
29
29
  :class="open ? 'drop-shadow' : ''"
30
- class="flex ds-button items-center gap-1.5 px-2 py-2 text-white shadow font-heading bg-podcast-highlight js-load"
30
+ class="flex ds-button items-center gap-1.5 px-2 py-2 text-white shadow font-heading bg-podcast-text js-load"
31
31
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastAbonnieren:ButtonClick"}]}'>Abonnieren
32
32
  <div x-cloak x-show="open" class="w-3 h-3">
33
33
  {{> components/base/image/icon _icon='arrow-up' _addClass="flex self-center w-3 h-3 fill-white" }}
@@ -45,7 +45,7 @@
45
45
  x-on:click.outside="close($refs.button)"
46
46
  :id="$id('dropdown-button')"
47
47
  style="display: none;"
48
- class="left-0 w-full text-sm text-white font-heading grow bg-podcast-highlight"
48
+ class="left-0 w-full text-sm text-white font-heading grow bg-podcast-text"
49
49
  >
50
50
  {{~#with this.podcastHoster~}}
51
51
  <ul>
package/dist/views/components/teaser/podcast/podcast_title.hbs CHANGED
@@ -1,5 +1,13 @@
1
- {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ..." }}
2
- <span class="block mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
3
- {{~_title~}}
4
- </span>
5
- {{/decorator}}
1
+ {{#if this.isSingleChannel}}
2
+ {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ..." }}
3
+ <span class="block mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
4
+ {{~_title~}}
5
+ </span>
6
+ {{/decorator}}
7
+ {{else}}
8
+ <div class="font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ...">
9
+ <span class="block mt-0.5 {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
10
+ {{~_title~}}
11
+ </span>
12
+ </div>
13
+ {{/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.122.7",
9
+ "version": "0.122.9",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "start-storybook -p 6006 public",
package/src/assets/css/custom-components.css CHANGED
@@ -53,7 +53,7 @@
53
53
  appearance: none;
54
54
  width: 16px;
55
55
  height: 16px;
56
- background: var(--color-podcast-highlight);
56
+ background: var(--color-podcast-text);
57
57
  border: 2px solid white;
58
58
  cursor: pointer;
59
59
  border-radius: 50%;
@@ -64,7 +64,7 @@
64
64
  appearance: none;
65
65
  width: 12px;
66
66
  height: 12px;
67
- background: var(--color-podcast-highlight);
67
+ background: var(--color-podcast-text);
68
68
  border: 2px solid white;
69
69
  cursor: pointer;
70
70
  border-radius: 50%;
package/src/stories/views/components/teaser/podcast/podcast_player_ui.hbs CHANGED
@@ -59,7 +59,7 @@
59
59
  {{> components/teaser/podcast/podcast_timedisplay
60
60
  _id=_id
61
61
  _duration=duration
62
- _currentTimeClasses="font-bold text-podcast-highlight"
62
+ _currentTimeClasses="font-bold text-podcast-text"
63
63
  _durationClasses="text-podcast-text"
64
64
  _containerCss="flex text-sm grow font-heading" }}
65
65
  </div>
@@ -73,7 +73,7 @@
73
73
  {{> components/teaser/podcast/podcast_timedisplay
74
74
  _id=_id
75
75
  _duration=duration
76
- _currentTimeClasses="font-bold text-podcast-highlight"
76
+ _currentTimeClasses="font-bold text-podcast-text"
77
77
  _durationClasses="text-podcast-text"
78
78
  _containerCss="pl-16 -mt-3 flex text-sm grow font-heading"}}
79
79
  </div>
package/src/stories/views/components/teaser/podcast/podcast_playlist_player.hbs CHANGED
@@ -48,9 +48,11 @@
48
48
  {{/switch}}
49
49
 
50
50
  {{!-- Abo-Dropdown --}}
51
- <div class="flex flex-row px-5 md:pr-0">
52
- {{> components/teaser/podcast/podcast_subscribe_button}}
53
- </div>
51
+ {{#if this.isSingleChannel}}
52
+ <div class="flex flex-row px-5 md:pr-0">
53
+ {{> components/teaser/podcast/podcast_subscribe_button}}
54
+ </div>
55
+ {{/if}}
54
56
  </div>
55
57
  </div>
56
58
 
package/src/stories/views/components/teaser/podcast/podcast_subscribe_button.hbs CHANGED
@@ -27,7 +27,7 @@
27
27
  :aria-controls="$id('dropdown-button')"
28
28
  type="button"
29
29
  :class="open ? 'drop-shadow' : ''"
30
- class="flex ds-button items-center gap-1.5 px-2 py-2 text-white shadow font-heading bg-podcast-highlight js-load"
30
+ class="flex ds-button items-center gap-1.5 px-2 py-2 text-white shadow font-heading bg-podcast-text js-load"
31
31
  data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "podcastAbonnieren:ButtonClick"}]}'>Abonnieren
32
32
  <div x-cloak x-show="open" class="w-3 h-3">
33
33
  {{> components/base/image/icon _icon='arrow-up' _addClass="flex self-center w-3 h-3 fill-white" }}
@@ -45,7 +45,7 @@
45
45
  x-on:click.outside="close($refs.button)"
46
46
  :id="$id('dropdown-button')"
47
47
  style="display: none;"
48
- class="left-0 w-full text-sm text-white font-heading grow bg-podcast-highlight"
48
+ class="left-0 w-full text-sm text-white font-heading grow bg-podcast-text"
49
49
  >
50
50
  {{~#with this.podcastHoster~}}
51
51
  <ul>
package/src/stories/views/components/teaser/podcast/podcast_title.hbs CHANGED
@@ -1,5 +1,13 @@
1
- {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ..." }}
2
- <span class="block mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
3
- {{~_title~}}
4
- </span>
5
- {{/decorator}}
1
+ {{#if this.isSingleChannel}}
2
+ {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ..." }}
3
+ <span class="block mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
4
+ {{~_title~}}
5
+ </span>
6
+ {{/decorator}}
7
+ {{else}}
8
+ <div class="font-title text-base mt-2.5 text-podcast-text line-clamp-4 lg:line-clamp-2 ...">
9
+ <span class="block mt-0.5 {{#if _ordered}} pl-8 {{/if}} {{~ inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl","text-base md:text-2xl","text-base md:text-lg"]' ~}}">
10
+ {{~_title~}}
11
+ </span>
12
+ </div>
13
+ {{/if}}