hr-design-system-handlebars 1.51.4 โ†’ 1.51.6

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 (9) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/index.css +31 -3
  3. package/dist/views/components/banner/header/banner_wrapper.hbs +1 -1
  4. package/dist/views/components/footer/page_footer_social_media.hbs +2 -2
  5. package/dist/views_static/components/banner/header/banner_wrapper.hbs +1 -1
  6. package/dist/views_static/components/footer/page_footer_social_media.hbs +2 -2
  7. package/package.json +1 -1
  8. package/src/stories/views/components/banner/header/banner_wrapper.hbs +1 -1
  9. package/src/stories/views/components/footer/page_footer_social_media.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.51.6 (Tue Dec 12 2023)
2
+
3
+ #### ๐Ÿ› Bug Fix
4
+
5
+ - DPE-2705 Social Links im Footer bekommen falsche Fokus Klassen [#791](https://github.com/mumprod/hr-design-system-handlebars/pull/791) ([@Sunny1112358](https://github.com/Sunny1112358))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@Sunny1112358](https://github.com/Sunny1112358)
10
+
11
+ ---
12
+
13
+ # v1.51.5 (Mon Dec 11 2023)
14
+
15
+ #### ๐Ÿ› Bug Fix
16
+
17
+ - DPE-2695 - HR_Produktentwicklung Banner lรคdt langsam (CLS) [#790](https://github.com/mumprod/hr-design-system-handlebars/pull/790) ([@vascoeduardo](https://github.com/vascoeduardo))
18
+
19
+ #### Authors: 1
20
+
21
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
22
+
23
+ ---
24
+
1
25
  # v1.51.4 (Fri Dec 08 2023)
2
26
 
3
27
  #### ๐Ÿ› Bug Fix
package/dist/assets/index.css CHANGED
@@ -3211,7 +3211,7 @@ article.indexText ul {
3211
3211
  border-bottom-color: var(--color-secondary-ds);
3212
3212
  }
3213
3213
  .counter-reset {
3214
- counter-reset: cnt1702044355343;
3214
+ counter-reset: cnt1702378943954;
3215
3215
  }
3216
3216
  .hyphens-auto {
3217
3217
  -webkit-hyphens: auto;
@@ -3472,7 +3472,7 @@ article.indexText ul {
3472
3472
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3473
3473
  }
3474
3474
  .-ordered {
3475
- counter-increment: cnt1702044355343 1;
3475
+ counter-increment: cnt1702378943954 1;
3476
3476
  }
3477
3477
  .-ordered::before {
3478
3478
  position: absolute;
@@ -3488,7 +3488,7 @@ article.indexText ul {
3488
3488
  letter-spacing: .0125em;
3489
3489
  --tw-text-opacity: 1;
3490
3490
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3491
- content: counter(cnt1702044355343);
3491
+ content: counter(cnt1702378943954);
3492
3492
  }
3493
3493
  /*! ****************************/
3494
3494
  /*! DataPolicy stuff */
@@ -6743,6 +6743,34 @@ article.indexText ul {
6743
6743
  .lg\:duration-500 {
6744
6744
  transition-duration: 500ms;
6745
6745
  }
6746
+ .lg\:ar-100-27 {
6747
+ aspect-ratio: 100 / 27.1;
6748
+ }
6749
+
6750
+ @supports not (aspect-ratio: 100 / 27.1) {
6751
+ .lg\:ar-100-27::before {
6752
+ float: left;
6753
+ padding-top: calc(100 / 27.1 * 100%);
6754
+ content: '';
6755
+ }
6756
+
6757
+ .lg\:ar-100-27::after {
6758
+ display: block;
6759
+ content: '';
6760
+ clear: both;
6761
+ }
6762
+ .lg\:ar-100-27::before {
6763
+ float: left;
6764
+ padding-top: calc(100 / 27.1 * 100%);
6765
+ content: '';
6766
+ }
6767
+
6768
+ .lg\:ar-100-27::after {
6769
+ display: block;
6770
+ content: '';
6771
+ clear: both;
6772
+ }
6773
+ }
6746
6774
 
6747
6775
  .lg\:col-main {
6748
6776
  grid-column: main;
package/dist/views/components/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
2
  <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
3
- <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto lg:ar-100-27 bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/dist/views/components/footer/page_footer_social_media.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4">
5
5
  {{#each this.links}}
6
6
  {{#if this.extern}}
7
- <li class="pr-2 last:pr-0">
7
+ <li class="flex pr-2 last:pr-0">
8
8
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
9
9
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
10
10
  {{/components/base/link}}
@@ -14,7 +14,7 @@
14
14
 
15
15
  </li>
16
16
  {{else}}
17
- <li class="pr-2 last:pr-0">
17
+ <li class="flex pr-2 last:pr-0">
18
18
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
19
19
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
20
20
  {{/components/base/link}}
package/dist/views_static/components/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
2
  <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
3
- <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto lg:ar-100-27 bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/dist/views_static/components/footer/page_footer_social_media.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4">
5
5
  {{#each this.links}}
6
6
  {{#if this.extern}}
7
- <li class="pr-2 last:pr-0">
7
+ <li class="flex pr-2 last:pr-0">
8
8
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
9
9
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
10
10
  {{/components/base/link}}
@@ -14,7 +14,7 @@
14
14
 
15
15
  </li>
16
16
  {{else}}
17
- <li class="pr-2 last:pr-0">
17
+ <li class="flex pr-2 last:pr-0">
18
18
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
19
19
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
20
20
  {{/components/base/link}}
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.51.4",
9
+ "version": "1.51.6",
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/banner/header/banner_wrapper.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="grid grid-page w-full order-2{{#if _hasBannerImage}} overflow-hidden -image{{else}} -text{{/if}}{{~#if _hideOnMobile}} -hideOnMobile{{/if}}">
2
2
  <div role="banner" class="grid col-full sm:col-main relative{{#unless _hasBannerImage}} px-4 md:px-5 lg:px-10 bg-white dark:bg-black{{/unless}}">
3
- <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
3
+ <div class="relative {{#if _hasBannerImage}}-hasImage{{~#if _hideOnMobile}} aspect-auto lg:ar-100-27 bg-white dark:bg-black{{else}} ar-16-9 sm480:ar-16-7 md:ar-100-27{{/if}}{{else}}pb-4 border-b border-gray-boulder{{/if}}">
4
4
  {{> @partial-block }}
5
5
  </div>
6
6
  </div>
package/src/stories/views/components/footer/page_footer_social_media.hbs CHANGED
@@ -4,7 +4,7 @@
4
4
  <ul class="flex flex-row justify-end pb-2 pr-2 md:pr-0 md:last:pb-4">
5
5
  {{#each this.links}}
6
6
  {{#if this.extern}}
7
- <li class="pr-2 last:pr-0">
7
+ <li class="flex pr-2 last:pr-0">
8
8
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
9
9
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
10
10
  {{/components/base/link}}
@@ -14,7 +14,7 @@
14
14
 
15
15
  </li>
16
16
  {{else}}
17
- <li class="pr-2 last:pr-0">
17
+ <li class="flex pr-2 last:pr-0">
18
18
  {{#> components/base/link _link=this _css="text-footer-text" _isTargetBlank=this.isTargetBlank}}
19
19
  {{> components/base/image/icon _icon=this.text _iconmap="icons" _addClass="w-8 h-8 fill-current hover:scale-105"}}
20
20
  {{/components/base/link}}