hr-design-system-handlebars 1.68.2 → 1.68.4

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 +8 -5
  3. package/dist/assets/js/components/site_header/mainNavigationHandler.alpine.js +1 -1
  4. package/dist/views/components/content/copytext/components/paragraph/paragraph_body.hbs +3 -3
  5. package/dist/views/components/social_sharing/social_sharing_compact.hbs +1 -1
  6. package/dist/views_static/components/content/copytext/components/paragraph/paragraph_body.hbs +3 -3
  7. package/dist/views_static/components/social_sharing/social_sharing_compact.hbs +1 -1
  8. package/package.json +1 -1
  9. package/src/stories/views/components/content/copytext/components/paragraph/paragraph_body.hbs +3 -3
  10. package/src/stories/views/components/page/index/page.stories.js +4 -0
  11. package/src/stories/views/components/site_header/mainNavigationHandler.alpine.js +1 -1
  12. package/src/stories/views/components/social_sharing/social_sharing_compact.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.68.4 (Tue May 28 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - general line heigt 1.5 in copytext [#924](https://github.com/mumprod/hr-design-system-handlebars/pull/924) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
13
+ # v1.68.3 (Tue May 28 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - fixes bottom position of sharing button in mobile view [#930](https://github.com/mumprod/hr-design-system-handlebars/pull/930) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.68.2 (Wed May 22 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1046,8 +1046,8 @@ article.indexTextDS .indexTextHighlighted .link {
1046
1046
  .bottom-15 {
1047
1047
  bottom: 3.75rem;
1048
1048
  }
1049
- .bottom-5 {
1050
- bottom: 1.25rem;
1049
+ .bottom-\[19px\] {
1050
+ bottom: 19px;
1051
1051
  }
1052
1052
  .bottom-feature-box-height {
1053
1053
  bottom: 0;
@@ -2986,6 +2986,9 @@ article.indexTextDS .indexTextHighlighted .link {
2986
2986
  .leading-\[34px\] {
2987
2987
  line-height: 34px;
2988
2988
  }
2989
+ .leading-normal {
2990
+ line-height: 1.5;
2991
+ }
2989
2992
  .tracking-wide {
2990
2993
  letter-spacing: .0125em;
2991
2994
  }
@@ -3347,7 +3350,7 @@ article.indexTextDS .indexTextHighlighted .link {
3347
3350
  border-bottom-color: var(--color-secondary-ds);
3348
3351
  }
3349
3352
  .counter-reset {
3350
- counter-reset: cnt1716380580528;
3353
+ counter-reset: cnt1716901234455;
3351
3354
  }
3352
3355
  .hyphens-auto {
3353
3356
  -webkit-hyphens: auto;
@@ -3726,7 +3729,7 @@ article.indexTextDS .indexTextHighlighted .link {
3726
3729
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3727
3730
  }
3728
3731
  .-ordered {
3729
- counter-increment: cnt1716380580528 1;
3732
+ counter-increment: cnt1716901234455 1;
3730
3733
  }
3731
3734
  .-ordered::before {
3732
3735
  position: absolute;
@@ -3742,7 +3745,7 @@ article.indexTextDS .indexTextHighlighted .link {
3742
3745
  letter-spacing: .0125em;
3743
3746
  --tw-text-opacity: 1;
3744
3747
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3745
- content: counter(cnt1716380580528);
3748
+ content: counter(cnt1716901234455);
3746
3749
  }
3747
3750
  /*! ****************************/
3748
3751
  /*! DataPolicy stuff */
package/dist/assets/js/components/site_header/mainNavigationHandler.alpine.js CHANGED
@@ -52,7 +52,7 @@ export default () => ({
52
52
  },
53
53
 
54
54
  checkFooterTopForSharingBottomPos(){
55
- this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
55
+ this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
56
56
  },
57
57
 
58
58
  //Holds the percentage of scrolled viewport
package/dist/views/components/content/copytext/components/paragraph/paragraph_body.hbs CHANGED
@@ -1,9 +1,9 @@
1
1
  {{#if this.isText}}
2
- <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
2
+ <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
3
3
  {{/if}}
4
4
  {{#if this.isUl}}
5
- <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
5
+ <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
6
6
  {{/if}}
7
7
  {{#if this.isOl}}
8
- <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
8
+ <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
9
9
  {{/if}}
package/dist/views/components/social_sharing/social_sharing_compact.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
11
11
  <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
12
12
  <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
13
- :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
13
+ :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
14
14
  'flex-col absolute mt-3' : $store.footerIsVisible == true }"
15
15
  class="flex self-center gap-3 bg-white left-5">
16
16
  <button
package/dist/views_static/components/content/copytext/components/paragraph/paragraph_body.hbs CHANGED
@@ -1,9 +1,9 @@
1
1
  {{#if this.isText}}
2
- <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
2
+ <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
3
3
  {{/if}}
4
4
  {{#if this.isUl}}
5
- <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
5
+ <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
6
6
  {{/if}}
7
7
  {{#if this.isOl}}
8
- <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
8
+ <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
9
9
  {{/if}}
package/dist/views_static/components/social_sharing/social_sharing_compact.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
11
11
  <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
12
12
  <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
13
- :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
13
+ :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
14
14
  'flex-col absolute mt-3' : $store.footerIsVisible == true }"
15
15
  class="flex self-center gap-3 bg-white left-5">
16
16
  <button
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.68.2",
9
+ "version": "1.68.4",
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/content/copytext/components/paragraph/paragraph_body.hbs CHANGED
@@ -1,9 +1,9 @@
1
1
  {{#if this.isText}}
2
- <p class="copytextParagraphDS mt-6 text-lg leading-[1.625rem] sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
2
+ <p class="mt-6 text-lg leading-normal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</p>
3
3
  {{/if}}
4
4
  {{#if this.isUl}}
5
- <ul class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-disc sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
5
+ <ul class="mt-6 ml-5 text-lg leading-normal list-disc copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ul>
6
6
  {{/if}}
7
7
  {{#if this.isOl}}
8
- <ol class="copytextParagraphDS mt-6 ml-5 text-lg leading-[1.625rem] list-decimal sm480:text-xl sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
8
+ <ol class="mt-6 ml-5 text-lg leading-normal list-decimal copytextParagraphDS sm480:text-xl dark:text-text-dark">{{{this.text}}}</ol>
9
9
  {{/if}}
package/src/stories/views/components/page/index/page.stories.js CHANGED
@@ -40,6 +40,7 @@ export default {
40
40
  chromatic: {
41
41
  viewports: [360, 768, 1024],
42
42
  diffThreshold: 0.3,
43
+ delay: 2000,
43
44
  },
44
45
 
45
46
  layout: 'fullscreen',
@@ -85,4 +86,7 @@ export const MitArtikel = {
85
86
  render: Template3.bind({}),
86
87
  name: 'Mit Artikel',
87
88
  args: NavigationDataWithBreadcrumb,
89
+ parameters: {
90
+ chromatic: { delay: 2000 }
91
+ }
88
92
  }
package/src/stories/views/components/site_header/mainNavigationHandler.alpine.js CHANGED
@@ -52,7 +52,7 @@ export default () => ({
52
52
  },
53
53
 
54
54
  checkFooterTopForSharingBottomPos(){
55
- this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 16 +'px' : null
55
+ this.$store.footerIsVisible ? this.$store.sharingBottomPos.current = Math.round(window.innerHeight - document.querySelector('.js-pageFooter').getBoundingClientRect().top) + 19 +'px' : null
56
56
  },
57
57
 
58
58
  //Holds the percentage of scrolled viewport
package/src/stories/views/components/social_sharing/social_sharing_compact.hbs CHANGED
@@ -10,7 +10,7 @@
10
10
  <div :class="{ 'grid grid-page z-110 fixed bottom-feature-box-height left-0 w-full': $store.sharingIsVisible == false}">
11
11
  <div :class="{ 'flex justify-start col-full sm:col-main relative': $store.sharingIsVisible == false }">
12
12
  <div :style="($store.footerIsVisible && !$screen('lg')) && {bottom:$store.sharingBottomPos.current}"
13
- :class="{ 'bottom-5 flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
13
+ :class="{ 'bottom-[19px] flex-col absolute mt-3 rounded-md': $store.sharingIsVisible == false && $store.footerIsVisible == false,
14
14
  'flex-col absolute mt-3' : $store.footerIsVisible == true }"
15
15
  class="flex self-center gap-3 bg-white left-5">
16
16
  <button