hr-design-system-handlebars 1.114.105 → 1.114.106

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 +12 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/newsletter/components/newsletter_form.hbs +0 -9
  4. package/dist/views/components/newsletter/newsletter.hbs +16 -2
  5. package/dist/views/components/page/search/search_form.hbs +3 -3
  6. package/dist/views_static/components/newsletter/components/newsletter_form.hbs +0 -9
  7. package/dist/views_static/components/newsletter/newsletter.hbs +16 -2
  8. package/dist/views_static/components/page/search/search_form.hbs +3 -3
  9. package/package.json +1 -1
  10. package/src/stories/views/components/newsletter/components/newsletter_form.hbs +0 -9
  11. package/src/stories/views/components/newsletter/newsletter.hbs +16 -2
  12. package/src/stories/views/components/page/search/search_form.hbs +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.114.106 (Fri Feb 21 2025)
2
+
3
+ #### ⚠️ Pushed to `main`
4
+
5
+ - Refactor ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Paul-Atreidis](https://github.com/Paul-Atreidis)
10
+
11
+ ---
12
+
1
13
  # v1.114.105 (Fri Feb 21 2025)
2
14
 
3
15
  #### ⚠️ Pushed to `main`
package/dist/assets/index.css CHANGED
@@ -3849,7 +3849,7 @@ article #commentList {
3849
3849
  border-bottom-color: var(--color-secondary-ds);
3850
3850
  }
3851
3851
  .counter-reset {
3852
- counter-reset: cnt1740162549148;
3852
+ counter-reset: cnt1740179405412;
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: cnt1740162549148 1;
4297
+ counter-increment: cnt1740179405412 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(cnt1740162549148);
4315
+ content: counter(cnt1740179405412);
4316
4316
  }
4317
4317
  /*! ****************************/
4318
4318
  /*! DataPolicy stuff */
package/dist/views/components/newsletter/components/newsletter_form.hbs CHANGED
@@ -23,15 +23,6 @@
23
23
  x-transition:leave-end="opacity-0 transform scale-90"
24
24
  >
25
25
  {{> components/newsletter/components/newsletter_fields }}
26
-
27
- <noscript>
28
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
29
- <p class="font-bold">Hinweis</p>
30
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
31
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php">hier</a> abschließen / verwalten / beenden. </p>
32
- </div>
33
- </noscript>
34
-
35
26
  {{> components/newsletter/components/newsletter_controls }}
36
27
  </div>
37
28
 
package/dist/views/components/newsletter/newsletter.hbs CHANGED
@@ -1,5 +1,19 @@
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
- {{> components/newsletter/components/newsletter_form}}
3
+ <div id="newsletter_form">
4
+ {{> components/newsletter/components/newsletter_form}}
5
+ </div>
4
6
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
5
- </div>
7
+ </div>
8
+ <noscript>
9
+ <style type="text/css">
10
+ #newsletter_form {
11
+ display: none;
12
+ }
13
+ </style>
14
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
15
+ <p class="font-bold">Hinweis</p>
16
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
17
+ <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>
18
+ </div>
19
+ </noscript>
package/dist/views/components/page/search/search_form.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <form id="search_form" method="GET" action="#">
2
- <div class="relative flex px-2 pt-6 pb-6 mt-8 mb-8 sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
- <div class="relative h-12 basis-full width-full">
2
+ <div class="relative flex flex-col px-2 pt-6 pb-6 mt-8 mb-8 sm:flex-row sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
+ <div class="relative h-12 sm:mr-4 basis-full width-full">
4
4
  {{~> components/forms/components/input
5
5
  _locaKey="search_form_label_searchTerm"
6
6
  _name="query"
@@ -13,7 +13,7 @@
13
13
  _autoSuggestFeature=true
14
14
  }}
15
15
  </div>
16
- <div class="relative flex h-12 mr-2 sm:mr-4 basis-full width-full">
16
+ <div class="relative flex h-12 basis-full width-full">
17
17
  <div class="relative h-12 basis-full">
18
18
  <select class="relative w-full h-12 pt-4 pl-4 bg-white appearance-none cursor-pointer form-select text-text dark:bg-black dark:text-text-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none border-form-highlight dark:border-form-highlight-dark" id="select_search" title="" name="all" isFocused="false">
19
19
  <option class="text-gray-scorpion dark:text-text-dark" value="false" {{#unless this.searchInAllWebsites}} selected{{/unless}}>{{loca
package/dist/views_static/components/newsletter/components/newsletter_form.hbs CHANGED
@@ -23,15 +23,6 @@
23
23
  x-transition:leave-end="opacity-0 transform scale-90"
24
24
  >
25
25
  {{> components/newsletter/components/newsletter_fields }}
26
-
27
- <noscript>
28
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
29
- <p class="font-bold">Hinweis</p>
30
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
31
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php">hier</a> abschließen / verwalten / beenden. </p>
32
- </div>
33
- </noscript>
34
-
35
26
  {{> components/newsletter/components/newsletter_controls }}
36
27
  </div>
37
28
 
package/dist/views_static/components/newsletter/newsletter.hbs CHANGED
@@ -1,5 +1,19 @@
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
- {{> components/newsletter/components/newsletter_form}}
3
+ <div id="newsletter_form">
4
+ {{> components/newsletter/components/newsletter_form}}
5
+ </div>
4
6
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
5
- </div>
7
+ </div>
8
+ <noscript>
9
+ <style type="text/css">
10
+ #newsletter_form {
11
+ display: none;
12
+ }
13
+ </style>
14
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
15
+ <p class="font-bold">Hinweis</p>
16
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
17
+ <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>
18
+ </div>
19
+ </noscript>
package/dist/views_static/components/page/search/search_form.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <form id="search_form" method="GET" action="#">
2
- <div class="relative flex px-2 pt-6 pb-6 mt-8 mb-8 sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
- <div class="relative h-12 basis-full width-full">
2
+ <div class="relative flex flex-col px-2 pt-6 pb-6 mt-8 mb-8 sm:flex-row sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
+ <div class="relative h-12 sm:mr-4 basis-full width-full">
4
4
  {{~> components/forms/components/input
5
5
  _locaKey="search_form_label_searchTerm"
6
6
  _name="query"
@@ -13,7 +13,7 @@
13
13
  _autoSuggestFeature=true
14
14
  }}
15
15
  </div>
16
- <div class="relative flex h-12 mr-2 sm:mr-4 basis-full width-full">
16
+ <div class="relative flex h-12 basis-full width-full">
17
17
  <div class="relative h-12 basis-full">
18
18
  <select class="relative w-full h-12 pt-4 pl-4 bg-white appearance-none cursor-pointer form-select text-text dark:bg-black dark:text-text-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none border-form-highlight dark:border-form-highlight-dark" id="select_search" title="" name="all" isFocused="false">
19
19
  <option class="text-gray-scorpion dark:text-text-dark" value="false" {{#unless this.searchInAllWebsites}} selected{{/unless}}>{{loca
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.105",
9
+ "version": "1.114.106",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/newsletter/components/newsletter_form.hbs CHANGED
@@ -23,15 +23,6 @@
23
23
  x-transition:leave-end="opacity-0 transform scale-90"
24
24
  >
25
25
  {{> components/newsletter/components/newsletter_fields }}
26
-
27
- <noscript>
28
- <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
29
- <p class="font-bold">Hinweis</p>
30
- <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
31
- <p>Alternativ können Sie die verfügbaren Newsletter-Abonnements des HR <a href="https://hessenschau-nl.sr.de/newsletter-login.php">hier</a> abschließen / verwalten / beenden. </p>
32
- </div>
33
- </noscript>
34
-
35
26
  {{> components/newsletter/components/newsletter_controls }}
36
27
  </div>
37
28
 
package/src/stories/views/components/newsletter/newsletter.hbs CHANGED
@@ -1,5 +1,19 @@
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
- {{> components/newsletter/components/newsletter_form}}
3
+ <div id="newsletter_form">
4
+ {{> components/newsletter/components/newsletter_form}}
5
+ </div>
4
6
  {{~> components/base/a11y/hiddenText _locaTag="story_newsletter_outro_sr" ~}}
5
- </div>
7
+ </div>
8
+ <noscript>
9
+ <style type="text/css">
10
+ #newsletter_form {
11
+ display: none;
12
+ }
13
+ </style>
14
+ <div class="p-4 mb-3 text-orange-700 bg-orange-100 border-l-4 border-orange-500" role="alert">
15
+ <p class="font-bold">Hinweis</p>
16
+ <p>Bitte aktivieren Sie JavaScript, um den Newsletter zu abonnieren.</p>
17
+ <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>
18
+ </div>
19
+ </noscript>
package/src/stories/views/components/page/search/search_form.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <form id="search_form" method="GET" action="#">
2
- <div class="relative flex px-2 pt-6 pb-6 mt-8 mb-8 sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
- <div class="relative h-12 basis-full width-full">
2
+ <div class="relative flex flex-col px-2 pt-6 pb-6 mt-8 mb-8 sm:flex-row sm:px-4 bg-highlight-1 dark:bg-highlight-1-dark sm:pt-6 sm:pb-6 sm:mt-8 article-full-width sm:article-narrow">
3
+ <div class="relative h-12 sm:mr-4 basis-full width-full">
4
4
  {{~> components/forms/components/input
5
5
  _locaKey="search_form_label_searchTerm"
6
6
  _name="query"
@@ -13,7 +13,7 @@
13
13
  _autoSuggestFeature=true
14
14
  }}
15
15
  </div>
16
- <div class="relative flex h-12 mr-2 sm:mr-4 basis-full width-full">
16
+ <div class="relative flex h-12 basis-full width-full">
17
17
  <div class="relative h-12 basis-full">
18
18
  <select class="relative w-full h-12 pt-4 pl-4 bg-white appearance-none cursor-pointer form-select text-text dark:bg-black dark:text-text-dark pr-9 peer border-y focus:border-y-2 border-t-transparent dark:border-t-transparent focus:outline-none border-form-highlight dark:border-form-highlight-dark" id="select_search" title="" name="all" isFocused="false">
19
19
  <option class="text-gray-scorpion dark:text-text-dark" value="false" {{#unless this.searchInAllWebsites}} selected{{/unless}}>{{loca