hr-design-system-handlebars 1.114.121 → 1.114.123

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 (11) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +10 -3
  3. package/dist/views/components/content/copytext/copytext_body.hbs +5 -9
  4. package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +1 -1
  5. package/dist/views_static/components/content/copytext/copytext_body.hbs +5 -9
  6. package/dist/views_static/components/teaser/ticker/teaser_ticker_alternativ.hbs +1 -1
  7. package/package.json +1 -1
  8. package/src/assets/tailwind.css +2 -0
  9. package/src/stories/views/components/content/copytext/copytext_body.hbs +5 -9
  10. package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs +1 -1
  11. package/tailwind.config.js +1 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.114.123 (Tue Mar 11 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Refactor external service loading logic in copytext_body.hbs [#1264](https://github.com/mumprod/hr-design-system-handlebars/pull/1264) (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
+
14
+ # v1.114.122 (Mon Mar 10 2025)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - add variable for inner-radius in alternativ-ticker-teaser [#1263](https://github.com/mumprod/hr-design-system-handlebars/pull/1263) ([@hanswurstsalat](https://github.com/hanswurstsalat))
19
+
20
+ #### Authors: 1
21
+
22
+ - Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
23
+
24
+ ---
25
+
1
26
  # v1.114.121 (Fri Mar 07 2025)
2
27
 
3
28
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3863,7 +3863,7 @@ article #commentList {
3863
3863
  border-bottom-color: var(--color-secondary-ds);
3864
3864
  }
3865
3865
  .counter-reset {
3866
- counter-reset: cnt1741370712695;
3866
+ counter-reset: cnt1741703347474;
3867
3867
  }
3868
3868
  .animate-delay-100 {
3869
3869
  --tw-animate-delay: 100ms;
@@ -4308,7 +4308,7 @@ html { scroll-behavior: smooth; }
4308
4308
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4309
4309
  }
4310
4310
  .-ordered {
4311
- counter-increment: cnt1741370712695 1;
4311
+ counter-increment: cnt1741703347474 1;
4312
4312
  }
4313
4313
  .-ordered::before {
4314
4314
  position: absolute;
@@ -4326,7 +4326,7 @@ html { scroll-behavior: smooth; }
4326
4326
  --tw-text-opacity: 1;
4327
4327
  color: rgba(0, 0, 0, 1);
4328
4328
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4329
- content: counter(cnt1741370712695);
4329
+ content: counter(cnt1741703347474);
4330
4330
  }
4331
4331
  /*! ****************************/
4332
4332
  /*! DataPolicy stuff */
@@ -4655,6 +4655,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4655
4655
  --font-weight-titleCluster: 700;
4656
4656
  /* Border Radius */
4657
4657
  --border-radius-hr: 0px;
4658
+ --border-radius-hr-inner: 0px;
4658
4659
  /* ticker-Teaser*/
4659
4660
  --color-ticker-teaser-headline: #ffffff;
4660
4661
  --color-ticker-teaser-label-byline: #ffffff;
@@ -4822,6 +4823,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
4822
4823
  --font-weight-titleCluster: 700;
4823
4824
  /* Border */
4824
4825
  --border-radius-hr: 1.5rem;
4826
+ --border-radius-hr-inner: 0.25rem;
4825
4827
  /* ticker-Teaser*/
4826
4828
  --color-ticker-teaser-label-byline: #ffffff;
4827
4829
  --color-ticker-teaser-timeline-score: #d34600;
@@ -7771,6 +7773,11 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
7771
7773
  border-top-left-radius: var(--border-radius-hr);
7772
7774
  }
7773
7775
 
7776
+ .md\:rounded-tl-hrInner {
7777
+ border-top-left-radius: 0px;
7778
+ border-top-left-radius: var(--border-radius-hr-inner);
7779
+ }
7780
+
7774
7781
  .md\:border-0 {
7775
7782
  border-width: 0px;
7776
7783
  }
package/dist/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -2,13 +2,6 @@
2
2
  {{> components/content/copytext/components/headline }}
3
3
  {{/if}}
4
4
  {{#unless this.isInfoBox}}
5
- {{~#if @first~}}
6
- {{~#with this.paragraphBoxItem }}
7
- {{~#if this.isExternalService}}
8
- {{> components/content/copytext/components/externalservice _lazyLoad=false }}
9
- {{/if~}}
10
- {{~/with}}
11
- {{else}}
12
5
  {{~#with this.paragraphBoxItem }}
13
6
  {{~#if this.isImage}}
14
7
  {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
@@ -59,7 +52,11 @@
59
52
  {{> components/content/copytext/components/voting }}
60
53
  {{/if~}}
61
54
  {{~#if this.isExternalService}}
62
- {{> components/content/copytext/components/externalservice _lazyLoad=true }}
55
+ {{~#if @../first}}
56
+ {{> components/content/copytext/components/externalservice _lazyLoad=false }}
57
+ {{else}}
58
+ {{> components/content/copytext/components/externalservice _lazyLoad=true }}
59
+ {{/if~}}
63
60
  {{/if~}}
64
61
  {{~#if this.isContentNav}}
65
62
  {{#with this.toModel.contentNavigationTeaser}}
@@ -67,7 +64,6 @@
67
64
  {{/with}}
68
65
  {{/if~}}
69
66
  {{~/with}}
70
- {{/if}}
71
67
  {{/unless}}
72
68
 
73
69
  {{~#with this.paragraphTeaserItem }}
package/dist/views/components/teaser/ticker/teaser_ticker_alternativ.hbs CHANGED
@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
5
5
  >
6
6
  {{#if this.teaserImage}}
7
7
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
8
- {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
8
+ {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
9
9
  </figure>
10
10
  {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
11
11
  {{else}}
package/dist/views_static/components/content/copytext/copytext_body.hbs CHANGED
@@ -2,13 +2,6 @@
2
2
  {{> components/content/copytext/components/headline }}
3
3
  {{/if}}
4
4
  {{#unless this.isInfoBox}}
5
- {{~#if @first~}}
6
- {{~#with this.paragraphBoxItem }}
7
- {{~#if this.isExternalService}}
8
- {{> components/content/copytext/components/externalservice _lazyLoad=false }}
9
- {{/if~}}
10
- {{~/with}}
11
- {{else}}
12
5
  {{~#with this.paragraphBoxItem }}
13
6
  {{~#if this.isImage}}
14
7
  {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
@@ -59,7 +52,11 @@
59
52
  {{> components/content/copytext/components/voting }}
60
53
  {{/if~}}
61
54
  {{~#if this.isExternalService}}
62
- {{> components/content/copytext/components/externalservice _lazyLoad=true }}
55
+ {{~#if @../first}}
56
+ {{> components/content/copytext/components/externalservice _lazyLoad=false }}
57
+ {{else}}
58
+ {{> components/content/copytext/components/externalservice _lazyLoad=true }}
59
+ {{/if~}}
63
60
  {{/if~}}
64
61
  {{~#if this.isContentNav}}
65
62
  {{#with this.toModel.contentNavigationTeaser}}
@@ -67,7 +64,6 @@
67
64
  {{/with}}
68
65
  {{/if~}}
69
66
  {{~/with}}
70
- {{/if}}
71
67
  {{/unless}}
72
68
 
73
69
  {{~#with this.paragraphTeaserItem }}
package/dist/views_static/components/teaser/ticker/teaser_ticker_alternativ.hbs CHANGED
@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
5
5
  >
6
6
  {{#if this.teaserImage}}
7
7
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
8
- {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
8
+ {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
9
9
  </figure>
10
10
  {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
11
11
  {{else}}
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.121",
9
+ "version": "1.114.123",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/tailwind.css CHANGED
@@ -140,6 +140,7 @@
140
140
  --font-weight-titleCluster: theme('fontWeight.bold');
141
141
  /* Border Radius */
142
142
  --border-radius-hr: theme('borderRadius.none');
143
+ --border-radius-hr-inner: theme('borderRadius.none');
143
144
  /* ticker-Teaser*/
144
145
  --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
145
146
  --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
@@ -327,6 +328,7 @@
327
328
  --font-weight-titleCluster: theme('fontWeight.bold');
328
329
  /* Border */
329
330
  --border-radius-hr: theme('borderRadius.3xl');
331
+ --border-radius-hr-inner: theme('borderRadius.DEFAULT');
330
332
  /* ticker-Teaser*/
331
333
  --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
332
334
  --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
package/src/stories/views/components/content/copytext/copytext_body.hbs CHANGED
@@ -2,13 +2,6 @@
2
2
  {{> components/content/copytext/components/headline }}
3
3
  {{/if}}
4
4
  {{#unless this.isInfoBox}}
5
- {{~#if @first~}}
6
- {{~#with this.paragraphBoxItem }}
7
- {{~#if this.isExternalService}}
8
- {{> components/content/copytext/components/externalservice _lazyLoad=false }}
9
- {{/if~}}
10
- {{~/with}}
11
- {{else}}
12
5
  {{~#with this.paragraphBoxItem }}
13
6
  {{~#if this.isImage}}
14
7
  {{~> components/content/copytext/components/image/image _isWebview=../_isWebview _isTickerCopytext=../_isTickerCopytext}}
@@ -59,7 +52,11 @@
59
52
  {{> components/content/copytext/components/voting }}
60
53
  {{/if~}}
61
54
  {{~#if this.isExternalService}}
62
- {{> components/content/copytext/components/externalservice _lazyLoad=true }}
55
+ {{~#if @../first}}
56
+ {{> components/content/copytext/components/externalservice _lazyLoad=false }}
57
+ {{else}}
58
+ {{> components/content/copytext/components/externalservice _lazyLoad=true }}
59
+ {{/if~}}
63
60
  {{/if~}}
64
61
  {{~#if this.isContentNav}}
65
62
  {{#with this.toModel.contentNavigationTeaser}}
@@ -67,7 +64,6 @@
67
64
  {{/with}}
68
65
  {{/if~}}
69
66
  {{~/with}}
70
- {{/if}}
71
67
  {{/unless}}
72
68
 
73
69
  {{~#with this.paragraphTeaserItem }}
package/src/stories/views/components/teaser/ticker/teaser_ticker_alternativ.hbs CHANGED
@@ -5,7 +5,7 @@ x-data="{ avStart: false }"
5
5
  >
6
6
  {{#if this.teaserImage}}
7
7
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}} relative w-full ar-16-9 md:ar-1-1 {{~inline-switch this.realTeaserSize '["hero","100"]' '[" md:basis-1/2-gap-6 "," md:basis-1/3-gap-6"]'~}}">
8
- {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hr", "rounded-tl-hr"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
8
+ {{> components/teaser/components/teaser_lead _addClassImg=(inline-switch this.realTeaserSize '["hero"]' '[" md:rounded-tl-hrInner", " rounded-tl-hr md:rounded-tl-hrInner"]') _teaserSize=this.realTeaserSize _teaserType=this.teaserType _aspectRatio="ar-16-9 md:ar-1-1" }}
9
9
  </figure>
10
10
  {{> components/teaser/ticker/teaser_ticker_body _teaserType=this.teaserType _outerCssClasses=(inline-switch this.realTeaserSize '["hero","100"]' '[" gap-y-5 md:basis-1/2-gap-6"," gap-y-5 md:basis-2/3-gap-6"]') }}
11
11
  {{else}}
package/tailwind.config.js CHANGED
@@ -71,6 +71,7 @@ module.exports = {
71
71
  borderRadius: {
72
72
  hr: 'var(--border-radius-hr)',
73
73
  'logo-footer': 'var(--rounded-logo-footer)',
74
+ 'hrInner': 'var(--border-radius-hr-inner)',
74
75
  },
75
76
  fontSize: {
76
77
  'xs': ['0.75rem', '1.0625rem'],