hr-design-system-handlebars 1.114.125 → 1.114.127

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 +26 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/base/image/responsive_image.hbs +1 -11
  4. package/dist/views/components/social_sharing/social_sharing_icons.hbs +5 -5
  5. package/dist/views/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
  6. package/dist/views_static/components/base/image/responsive_image.hbs +1 -11
  7. package/dist/views_static/components/social_sharing/social_sharing_icons.hbs +5 -5
  8. package/dist/views_static/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
  9. package/package.json +1 -1
  10. package/src/stories/views/components/base/image/responsive_image.hbs +1 -11
  11. package/src/stories/views/components/social_sharing/social_sharing_icons.hbs +5 -5
  12. package/src/stories/views/components/social_sharing/social_sharing_ticker_item.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,29 @@
1
+ # v1.114.127 (Wed Mar 19 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Enhance social sharing icons with dark mode support in HBS components [#1268](https://github.com/mumprod/hr-design-system-handlebars/pull/1268) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
6
+
7
+ #### Authors: 2
8
+
9
+ - [@eduardo-hr](https://github.com/eduardo-hr)
10
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
11
+
12
+ ---
13
+
14
+ # v1.114.126 (Tue Mar 18 2025)
15
+
16
+ #### 🐛 Bug Fix
17
+
18
+ - Remove noscript fallback images from responsive_image.hbs [#1267](https://github.com/mumprod/hr-design-system-handlebars/pull/1267) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
19
+
20
+ #### Authors: 2
21
+
22
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
23
+ - selbaciri (saad.elbaciri@hr.de)
24
+
25
+ ---
26
+
1
27
  # v1.114.125 (Mon Mar 17 2025)
2
28
 
3
29
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3860,7 +3860,7 @@ article #commentList {
3860
3860
  border-bottom-color: var(--color-secondary-ds);
3861
3861
  }
3862
3862
  .counter-reset {
3863
- counter-reset: cnt1742205202485;
3863
+ counter-reset: cnt1742388409746;
3864
3864
  }
3865
3865
  .animate-delay-100 {
3866
3866
  --tw-animate-delay: 100ms;
@@ -4305,7 +4305,7 @@ html { scroll-behavior: smooth; }
4305
4305
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4306
4306
  }
4307
4307
  .-ordered {
4308
- counter-increment: cnt1742205202485 1;
4308
+ counter-increment: cnt1742388409746 1;
4309
4309
  }
4310
4310
  .-ordered::before {
4311
4311
  position: absolute;
@@ -4323,7 +4323,7 @@ html { scroll-behavior: smooth; }
4323
4323
  --tw-text-opacity: 1;
4324
4324
  color: rgba(0, 0, 0, 1);
4325
4325
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4326
- content: counter(cnt1742205202485);
4326
+ content: counter(cnt1742388409746);
4327
4327
  }
4328
4328
  /*! ****************************/
4329
4329
  /*! DataPolicy stuff */
package/dist/views/components/base/image/responsive_image.hbs CHANGED
@@ -22,21 +22,11 @@
22
22
  {{/with}}
23
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}} {{~#if ../../_loadHandler}} x-on:load="{{../../_loadHandler}}" {{~/if}}>
24
24
  </picture>
25
- {{#unless _disableNoScript}}
26
- <noscript>
27
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
- </noscript>
29
- {{/unless}}
30
25
  {{/if}}
31
26
 
32
27
  {{#if this.asImage}}
33
28
  {{#with this.sources.[0]}}
34
29
  {{~#with ../../_addClass }}<div class="{{this}}">{{/with}}
35
- {{#unless ../../_disableNoScript}}
36
- <noscript>
37
- <img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
- </noscript>
39
- {{/unless}}
40
30
  <img{{#if ../../_isWebview }} data-primary-type="hr-nt:image"
41
31
  data-image-id="{{nextRandom}}"{{/if}}
42
32
  {{#with this.sizes}} sizes="{{this}}" {{/with~}}
@@ -44,7 +34,7 @@
44
34
  {{#if ../../_noDelay}}
45
35
  fetchpriority="high"
46
36
  {{/if}}
47
- {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
37
+ {{#with this.srcset}} srcset="{{this}}"{{/with}}
48
38
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
49
39
  alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
50
40
  class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
package/dist/views/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
10
10
  {{/with}}
11
11
  >
12
- <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
12
+ <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
13
13
  <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
14
14
  </button>
15
15
  <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
@@ -29,7 +29,7 @@
29
29
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
30
30
  {{/with}}
31
31
  >
32
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
32
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
33
33
  </a>
34
34
  </li>
35
35
  {{/with}}
@@ -45,7 +45,7 @@
45
45
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
46
46
  {{/with}}
47
47
  >
48
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
48
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
49
49
  </a>
50
50
  </li>
51
51
  {{/with}}
@@ -59,7 +59,7 @@
59
59
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
60
60
  {{/with}}
61
61
  >
62
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
62
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
63
63
  </a>
64
64
  </li>
65
65
  {{/with}}
@@ -72,7 +72,7 @@
72
72
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
73
73
  {{/with}}
74
74
  >
75
- <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
75
+ <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
76
76
 
77
77
  </button>
78
78
  </li>
package/dist/views/components/social_sharing/social_sharing_ticker_item.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  ax-load
10
10
  x-ignore
11
11
  >
12
- <div class="relative right-0 flex gap-3 bg-white md:h-auto" >
12
+ <div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
13
13
  <button
14
14
  class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
15
15
  x-ref="button"
@@ -25,7 +25,7 @@
25
25
  x-ref="panel"
26
26
  :class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
27
27
  :id="$id('dropdown-button')"
28
- class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
28
+ class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
29
29
  >
30
30
  <ul class="flex gap-3">
31
31
  {{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
package/dist/views_static/components/base/image/responsive_image.hbs CHANGED
@@ -22,21 +22,11 @@
22
22
  {{/with}}
23
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}} {{~#if ../../_loadHandler}} x-on:load="{{../../_loadHandler}}" {{~/if}}>
24
24
  </picture>
25
- {{#unless _disableNoScript}}
26
- <noscript>
27
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
- </noscript>
29
- {{/unless}}
30
25
  {{/if}}
31
26
 
32
27
  {{#if this.asImage}}
33
28
  {{#with this.sources.[0]}}
34
29
  {{~#with ../../_addClass }}<div class="{{this}}">{{/with}}
35
- {{#unless ../../_disableNoScript}}
36
- <noscript>
37
- <img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
- </noscript>
39
- {{/unless}}
40
30
  <img{{#if ../../_isWebview }} data-primary-type="hr-nt:image"
41
31
  data-image-id="{{nextRandom}}"{{/if}}
42
32
  {{#with this.sizes}} sizes="{{this}}" {{/with~}}
@@ -44,7 +34,7 @@
44
34
  {{#if ../../_noDelay}}
45
35
  fetchpriority="high"
46
36
  {{/if}}
47
- {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
37
+ {{#with this.srcset}} srcset="{{this}}"{{/with}}
48
38
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
49
39
  alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
50
40
  class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
package/dist/views_static/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
10
10
  {{/with}}
11
11
  >
12
- <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
12
+ <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
13
13
  <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
14
14
  </button>
15
15
  <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
@@ -29,7 +29,7 @@
29
29
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
30
30
  {{/with}}
31
31
  >
32
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
32
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
33
33
  </a>
34
34
  </li>
35
35
  {{/with}}
@@ -45,7 +45,7 @@
45
45
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
46
46
  {{/with}}
47
47
  >
48
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
48
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
49
49
  </a>
50
50
  </li>
51
51
  {{/with}}
@@ -59,7 +59,7 @@
59
59
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
60
60
  {{/with}}
61
61
  >
62
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
62
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
63
63
  </a>
64
64
  </li>
65
65
  {{/with}}
@@ -72,7 +72,7 @@
72
72
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
73
73
  {{/with}}
74
74
  >
75
- <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
75
+ <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
76
76
 
77
77
  </button>
78
78
  </li>
package/dist/views_static/components/social_sharing/social_sharing_ticker_item.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  ax-load
10
10
  x-ignore
11
11
  >
12
- <div class="relative right-0 flex gap-3 bg-white md:h-auto" >
12
+ <div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
13
13
  <button
14
14
  class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
15
15
  x-ref="button"
@@ -25,7 +25,7 @@
25
25
  x-ref="panel"
26
26
  :class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
27
27
  :id="$id('dropdown-button')"
28
- class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
28
+ class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
29
29
  >
30
30
  <ul class="flex gap-3">
31
31
  {{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}
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.125",
9
+ "version": "1.114.127",
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/base/image/responsive_image.hbs CHANGED
@@ -22,21 +22,11 @@
22
22
  {{/with}}
23
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}} {{~#if ../../_loadHandler}} x-on:load="{{../../_loadHandler}}" {{~/if}}>
24
24
  </picture>
25
- {{#unless _disableNoScript}}
26
- <noscript>
27
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
- </noscript>
29
- {{/unless}}
30
25
  {{/if}}
31
26
 
32
27
  {{#if this.asImage}}
33
28
  {{#with this.sources.[0]}}
34
29
  {{~#with ../../_addClass }}<div class="{{this}}">{{/with}}
35
- {{#unless ../../_disableNoScript}}
36
- <noscript>
37
- <img class="w-full{{~#if ../../_addClassImg}} {{../../_addClassImg}}{{/if}}" src="{{../this.fallback}}" alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}">
38
- </noscript>
39
- {{/unless}}
40
30
  <img{{#if ../../_isWebview }} data-primary-type="hr-nt:image"
41
31
  data-image-id="{{nextRandom}}"{{/if}}
42
32
  {{#with this.sizes}} sizes="{{this}}" {{/with~}}
@@ -44,7 +34,7 @@
44
34
  {{#if ../../_noDelay}}
45
35
  fetchpriority="high"
46
36
  {{/if}}
47
- {{#with this.srcset}} {{#if ../../../_noDelay}}srcset{{else}}data-srcset{{/if}}="{{this}}"{{/with}}
37
+ {{#with this.srcset}} srcset="{{this}}"{{/with}}
48
38
  src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
49
39
  alt="{{#if ../../_alttext}}{{../../_alttext}}{{else}}{{../../this.alttext}}{{/if}}"
50
40
  class="w-full{{~#with ../../_addClassImg }} {{this}}{{/with}}"
package/src/stories/views/components/social_sharing/social_sharing_icons.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::copybutton"}]}'
10
10
  {{/with}}
11
11
  >
12
- <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
12
+ <span x-cloak class="flex items-center justify-center w-full h-full" x-show="!copySuccess">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}</span>
13
13
  <span x-cloak class="flex items-center justify-center w-full h-full" x-show="copySuccess">{{~> components/base/image/icon _addClass="w-full h-full text-green-600" _icon="status-done" _iconmap="icons" ~}}</span>
14
14
  </button>
15
15
  <div x-cloak x-show="copySuccess" class="absolute left-8 flex flex-row items-center justify-start px-4 shadow w-auto h-8 top-0 ml-0.5 text-xs bg-white whitespace-nowrap sm480:text-sm font-headingSerif dark:text-text-dark">
@@ -29,7 +29,7 @@
29
29
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::facebook"}]}'
30
30
  {{/with}}
31
31
  >
32
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
32
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="facebook-ds" _iconmap="icons" ~}}
33
33
  </a>
34
34
  </li>
35
35
  {{/with}}
@@ -45,7 +45,7 @@
45
45
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::whatsapp"}]}'
46
46
  {{/with}}
47
47
  >
48
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
48
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="whatsapp-ds" _iconmap="icons" ~}}
49
49
  </a>
50
50
  </li>
51
51
  {{/with}}
@@ -59,7 +59,7 @@
59
59
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::mailto"}]}'
60
60
  {{/with}}
61
61
  >
62
- {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
62
+ {{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="kontakt-ds" _iconmap="icons" ~}}
63
63
  </a>
64
64
  </li>
65
65
  {{/with}}
@@ -72,7 +72,7 @@
72
72
  data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::{{if ../../_socialSharingType ../../_socialSharingType "default" }}::print"}]}'
73
73
  {{/with}}
74
74
  >
75
- <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
75
+ <span x-cloak class="flex items-center justify-center w-full h-full">{{~> components/base/image/icon _addClass="w-full h-full fill-link dark:fill-link-dark hover:scale-105" _icon="print-ds" _iconmap="icons" ~}}</span>
76
76
 
77
77
  </button>
78
78
  </li>
package/src/stories/views/components/social_sharing/social_sharing_ticker_item.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  ax-load
10
10
  x-ignore
11
11
  >
12
- <div class="relative right-0 flex gap-3 bg-white md:h-auto" >
12
+ <div class="relative right-0 flex gap-3 bg-white dark:bg-black md:h-auto" >
13
13
  <button
14
14
  class="order-2 p-2 text-white border border-button bg-button ds-button font-heading hover:bg-button--dark hover:border-button--dark active:bg-button--dark group lg:hidden"
15
15
  x-ref="button"
@@ -25,7 +25,7 @@
25
25
  x-ref="panel"
26
26
  :class="{ 'hidden': !$store.sharingIsOpen.tickerItem{{getRandom}},'flex': $store.sharingIsOpen.tickerItem{{getRandom}} }"
27
27
  :id="$id('dropdown-button')"
28
- class="self-center bg-white h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
28
+ class="self-center bg-white dark:bg-black h-8 absolute right-[50px] md:relative md:right-0 md:h-auto hidden lg:flex"
29
29
  >
30
30
  <ul class="flex gap-3">
31
31
  {{> components/social_sharing/social_sharing_icons _socialSharingType="tickerItem" _trackingData=../this.trackingData}}