hr-design-system-handlebars 1.114.109 → 1.114.111

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,28 @@
1
+ # v1.114.111 (Wed Feb 26 2025)
2
+
3
+ #### ⚠️ Pushed to `main`
4
+
5
+ - Refactor Disabled JS Hints in interactive elements ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
13
+ # v1.114.110 (Mon Feb 24 2025)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - Add height class to label group in ticker header component [#1252](https://github.com/mumprod/hr-design-system-handlebars/pull/1252) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
18
+
19
+ #### Authors: 2
20
+
21
+ - [@eduardo-hr](https://github.com/eduardo-hr)
22
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
23
+
24
+ ---
25
+
1
26
  # v1.114.109 (Mon Feb 24 2025)
2
27
 
3
28
  #### 🐛 Bug Fix
@@ -3849,7 +3849,7 @@ article #commentList {
3849
3849
  border-bottom-color: var(--color-secondary-ds);
3850
3850
  }
3851
3851
  .counter-reset {
3852
- counter-reset: cnt1740398008862;
3852
+ counter-reset: cnt1740586512261;
3853
3853
  }
3854
3854
  .animate-delay-100 {
3855
3855
  --tw-animate-delay: 100ms;
@@ -4294,7 +4294,7 @@ html { scroll-behavior: smooth; }
4294
4294
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4295
4295
  }
4296
4296
  .-ordered {
4297
- counter-increment: cnt1740398008862 1;
4297
+ counter-increment: cnt1740586512261 1;
4298
4298
  }
4299
4299
  .-ordered::before {
4300
4300
  position: absolute;
@@ -4312,7 +4312,7 @@ html { scroll-behavior: smooth; }
4312
4312
  --tw-text-opacity: 1;
4313
4313
  color: rgba(0, 0, 0, 1);
4314
4314
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4315
- content: counter(cnt1740398008862);
4315
+ content: counter(cnt1740586512261);
4316
4316
  }
4317
4317
  /*! ****************************/
4318
4318
  /*! DataPolicy stuff */
@@ -1,8 +1,8 @@
1
1
  <div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
2
+ <h3 class="text-2xl font-headingSerif">
3
+ {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
4
+ </h3>
2
5
  <div id="externalService_form">
3
- <h3 class="text-2xl font-headingSerif">
4
- {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
5
- </h3>
6
6
  <p class="pt-4 text-base font-copy">
7
7
  {{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
8
8
  </p>
@@ -24,14 +24,9 @@
24
24
  {{#*inline "htmlProperties"}}{{/inline}}
25
25
  </div>
26
26
  </div>
27
- </div>
28
- <noscript>
29
- <style>
30
- #externalService {
31
- display: none;
32
- }
33
- </style>
34
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
27
+ </div>
28
+ <div id="externalService_form_hint">
29
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
30
  <p class="font-bold">Hinweis</p>
36
31
  <p class="pt-4 text-base font-copy">
37
32
  {{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
@@ -45,5 +40,5 @@
45
40
  {{#*inline "htmlProperties"~}}
46
41
  {{~/inline}}
47
42
  </div>
48
- </noscript>
49
- </div>
43
+ </div>
44
+ </div>
@@ -30,13 +30,21 @@
30
30
  >
31
31
  {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
32
32
  {{#if this.hasSpamProtection }}
33
- <noscript>
33
+ <div id="webform_form_spam_hint">
34
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
+ <p class="font-bold">Hinweis</p>
36
+ <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
37
+ </div>
38
+ </div>
39
+ {{else}}
40
+ <div id="webform_form_hint">
34
41
  <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
42
  <p class="font-bold">Hinweis</p>
36
- <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
43
+ <p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
37
44
  </div>
38
- </noscript>
45
+ </div>
39
46
  {{/if}}
47
+
40
48
  {{> components/forms/components/controls }}
41
49
 
42
50
  </div>
@@ -1,6 +1,7 @@
1
1
  <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
2
2
  {{this.title}}
3
3
  </h3>
4
+ <div id="newsletter_form">
4
5
  <div id="formWrapper">
5
6
  <form class="relative flex flex-col justify-center overflow-hidden group"
6
7
  id="form{{nextRandom}}"
@@ -51,4 +52,12 @@
51
52
  {{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
52
53
  </div>
53
54
  </form>
55
+ </div>
56
+ </div>
57
+ <div id="newsletter_form_hint">
58
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
59
+ <p class="font-bold">Hinweis</p>
60
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
61
+ <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
62
+ </div>
54
63
  </div>
@@ -1,21 +1,5 @@
1
1
  <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
3
- <div id="newsletter_form">
4
3
  {{> components/newsletter/components/newsletter_form}}
5
- </div>
6
- <noscript>
7
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
8
- <p class="font-bold">Hinweis</p>
9
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
10
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
11
- </div>
12
- </noscript>
13
4
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
14
5
  </div>
15
- <noscript>
16
- <style type="text/css">
17
- #newsletter_form {
18
- display: none;
19
- }
20
- </style>
21
- </noscript>
@@ -1,6 +1,6 @@
1
1
  <header class="mt-1 sm:mt-8">
2
2
  {{#with this.label}}
3
- {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}
3
+ {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block h-6" "mb-2")}}
4
4
  {{> components/label/label _type=this.type _text=(loca this.loca)}}
5
5
  {{/components/label/label_group}}
6
6
  {{/with}}
@@ -1,8 +1,8 @@
1
1
  <div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
2
+ <h3 class="text-2xl font-headingSerif">
3
+ {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
4
+ </h3>
2
5
  <div id="externalService_form">
3
- <h3 class="text-2xl font-headingSerif">
4
- {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
5
- </h3>
6
6
  <p class="pt-4 text-base font-copy">
7
7
  {{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
8
8
  </p>
@@ -24,14 +24,9 @@
24
24
  {{#*inline "htmlProperties"}}{{/inline}}
25
25
  </div>
26
26
  </div>
27
- </div>
28
- <noscript>
29
- <style>
30
- #externalService {
31
- display: none;
32
- }
33
- </style>
34
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
27
+ </div>
28
+ <div id="externalService_form_hint">
29
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
30
  <p class="font-bold">Hinweis</p>
36
31
  <p class="pt-4 text-base font-copy">
37
32
  {{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
@@ -45,5 +40,5 @@
45
40
  {{#*inline "htmlProperties"~}}
46
41
  {{~/inline}}
47
42
  </div>
48
- </noscript>
49
- </div>
43
+ </div>
44
+ </div>
@@ -30,13 +30,21 @@
30
30
  >
31
31
  {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
32
32
  {{#if this.hasSpamProtection }}
33
- <noscript>
33
+ <div id="webform_form_spam_hint">
34
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
+ <p class="font-bold">Hinweis</p>
36
+ <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
37
+ </div>
38
+ </div>
39
+ {{else}}
40
+ <div id="webform_form_hint">
34
41
  <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
42
  <p class="font-bold">Hinweis</p>
36
- <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
43
+ <p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
37
44
  </div>
38
- </noscript>
45
+ </div>
39
46
  {{/if}}
47
+
40
48
  {{> components/forms/components/controls }}
41
49
 
42
50
  </div>
@@ -1,6 +1,7 @@
1
1
  <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
2
2
  {{this.title}}
3
3
  </h3>
4
+ <div id="newsletter_form">
4
5
  <div id="formWrapper">
5
6
  <form class="relative flex flex-col justify-center overflow-hidden group"
6
7
  id="form{{nextRandom}}"
@@ -51,4 +52,12 @@
51
52
  {{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
52
53
  </div>
53
54
  </form>
55
+ </div>
56
+ </div>
57
+ <div id="newsletter_form_hint">
58
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
59
+ <p class="font-bold">Hinweis</p>
60
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
61
+ <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
62
+ </div>
54
63
  </div>
@@ -1,21 +1,5 @@
1
1
  <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
3
- <div id="newsletter_form">
4
3
  {{> components/newsletter/components/newsletter_form}}
5
- </div>
6
- <noscript>
7
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
8
- <p class="font-bold">Hinweis</p>
9
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
10
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
11
- </div>
12
- </noscript>
13
4
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
14
5
  </div>
15
- <noscript>
16
- <style type="text/css">
17
- #newsletter_form {
18
- display: none;
19
- }
20
- </style>
21
- </noscript>
@@ -1,6 +1,6 @@
1
1
  <header class="mt-1 sm:mt-8">
2
2
  {{#with this.label}}
3
- {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}
3
+ {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block h-6" "mb-2")}}
4
4
  {{> components/label/label _type=this.type _text=(loca this.loca)}}
5
5
  {{/components/label/label_group}}
6
6
  {{/with}}
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.109",
9
+ "version": "1.114.111",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -1,8 +1,8 @@
1
1
  <div id="service--{{nextRandom}}" class="grid col-span-12 p-5 sm:mx-0 bg-highlight-1 dark:bg-highlight-1-dark dark:text-text-dark rounded-tl-hr rounded-br-hr js-datapolicy">
2
+ <h3 class="text-2xl font-headingSerif">
3
+ {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
4
+ </h3>
2
5
  <div id="externalService_form">
3
- <h3 class="text-2xl font-headingSerif">
4
- {{loca "ext_service_datapolicy_headline" this.externalServiceConfig.externalServiceName}}
5
- </h3>
6
6
  <p class="pt-4 text-base font-copy">
7
7
  {{loca "ext_service_datapolicy_text" this.externalServiceConfig.externalServiceName}}
8
8
  </p>
@@ -24,14 +24,9 @@
24
24
  {{#*inline "htmlProperties"}}{{/inline}}
25
25
  </div>
26
26
  </div>
27
- </div>
28
- <noscript>
29
- <style>
30
- #externalService {
31
- display: none;
32
- }
33
- </style>
34
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
27
+ </div>
28
+ <div id="externalService_form_hint">
29
+ <div class="p-4 mt-6 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
30
  <p class="font-bold">Hinweis</p>
36
31
  <p class="pt-4 text-base font-copy">
37
32
  {{loca "ext_service_datapolicy_no_js_text" this.externalServiceConfig.externalServiceName}}
@@ -45,5 +40,5 @@
45
40
  {{#*inline "htmlProperties"~}}
46
41
  {{~/inline}}
47
42
  </div>
48
- </noscript>
49
- </div>
43
+ </div>
44
+ </div>
@@ -30,13 +30,21 @@
30
30
  >
31
31
  {{> components/forms/components/fields _formId=(joinStrings 'form' (getRandom)) }}
32
32
  {{#if this.hasSpamProtection }}
33
- <noscript>
33
+ <div id="webform_form_spam_hint">
34
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
+ <p class="font-bold">Hinweis</p>
36
+ <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
37
+ </div>
38
+ </div>
39
+ {{else}}
40
+ <div id="webform_form_hint">
34
41
  <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
35
42
  <p class="font-bold">Hinweis</p>
36
- <p>Bitte aktivieren Sie JavaScript, um dieses Formular absenden zu können.</p>
43
+ <p>Javascript ist deaktiviert. Das Formular kann aber weiterhin normal benutzt werden.</p>
37
44
  </div>
38
- </noscript>
45
+ </div>
39
46
  {{/if}}
47
+
40
48
  {{> components/forms/components/controls }}
41
49
 
42
50
  </div>
@@ -1,6 +1,7 @@
1
1
  <h3 class="mb-6 text-2xl md:text-3xl font-headingSerif sm:mb-12 text-text dark:text-text-dark">
2
2
  {{this.title}}
3
3
  </h3>
4
+ <div id="newsletter_form">
4
5
  <div id="formWrapper">
5
6
  <form class="relative flex flex-col justify-center overflow-hidden group"
6
7
  id="form{{nextRandom}}"
@@ -51,4 +52,12 @@
51
52
  {{{include "components/newsletter/components/newsletter_already_registered" _alreadyRegistered="true" _locaKeyText="newsletter_text_already_registered" }}}
52
53
  </div>
53
54
  </form>
55
+ </div>
56
+ </div>
57
+ <div id="newsletter_form_hint">
58
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
59
+ <p class="font-bold">Hinweis</p>
60
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
61
+ <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
62
+ </div>
54
63
  </div>
@@ -1,21 +1,5 @@
1
1
  <div id="{{this.uuid}}" class="relative clear-both bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr px-5 sm:px-13 pb-8 pt-6 sm:pt-12 mt-7 sm:mt-12 mb-5 article-full-width sm:article-narrow {{_addClass}}">
2
2
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_intro_sr" ~}}
3
- <div id="newsletter_form">
4
3
  {{> components/newsletter/components/newsletter_form}}
5
- </div>
6
- <noscript>
7
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
8
- <p class="font-bold">Hinweis</p>
9
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
10
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php" class="" target="_blank"><strong>hier</strong></a> abschließen / verwalten / beenden. </p>
11
- </div>
12
- </noscript>
13
4
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
14
5
  </div>
15
- <noscript>
16
- <style type="text/css">
17
- #newsletter_form {
18
- display: none;
19
- }
20
- </style>
21
- </noscript>
@@ -1,6 +1,6 @@
1
1
  <header class="mt-1 sm:mt-8">
2
2
  {{#with this.label}}
3
- {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block" "mb-2")}}
3
+ {{#> components/label/label_group _css=(if ../../../this.tickerTopic "mb-2 float-left block h-6" "mb-2")}}
4
4
  {{> components/label/label _type=this.type _text=(loca this.loca)}}
5
5
  {{/components/label/label_group}}
6
6
  {{/with}}