hr-design-system-handlebars 1.35.4 → 1.35.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 (36) hide show
  1. package/.storybook/main.js +8 -0
  2. package/.storybook/preview.js +16 -1
  3. package/CHANGELOG.md +30 -0
  4. package/build/handlebars/helpers/handlebar-helpers.js +3 -0
  5. package/dist/assets/icons/icons/svgmap/rss-ds.svg +12 -17
  6. package/dist/assets/icons/icons/svgmap/x-ds.svg +12 -0
  7. package/dist/assets/icons/icons/svgmap.min.svg +1 -1
  8. package/dist/assets/index.css +71 -35
  9. package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js +1 -1
  10. package/dist/views/components/article/components/accordion/accordion.hbs +5 -2
  11. package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +2 -2
  12. package/dist/views/components/footer/page_footer.hbs +2 -2
  13. package/dist/views/components/footer/page_footer_column.hbs +1 -1
  14. package/dist/views/components/footer/page_footer_content.hbs +1 -1
  15. package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +2 -2
  16. package/dist/views_static/components/article/components/accordion/accordion.hbs +5 -2
  17. package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +2 -2
  18. package/dist/views_static/components/footer/page_footer.hbs +2 -2
  19. package/dist/views_static/components/footer/page_footer_column.hbs +1 -1
  20. package/dist/views_static/components/footer/page_footer_content.hbs +1 -1
  21. package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +2 -2
  22. package/package.json +14 -13
  23. package/src/assets/icons/icons/svgmap/rss-ds.svg +12 -17
  24. package/src/assets/icons/icons/svgmap/x-ds.svg +12 -0
  25. package/src/assets/icons/icons/svgmap.min.svg +1 -1
  26. package/src/assets/tailwind.css +11 -0
  27. package/src/stories/{InstallAndUpdate.mdx → InstallAndUpdateDependencies.mdx} +2 -2
  28. package/src/stories/InstallInDelivery.mdx +30 -0
  29. package/src/stories/views/components/article/components/accordion/accordion.hbs +5 -2
  30. package/src/stories/views/components/dataPolicySettings/dataPolicySettingsDs.feature.js +1 -1
  31. package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +2 -2
  32. package/src/stories/views/components/footer/page_footer.hbs +2 -2
  33. package/src/stories/views/components/footer/page_footer_column.hbs +1 -1
  34. package/src/stories/views/components/footer/page_footer_content.hbs +1 -1
  35. package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +2 -2
  36. package/tailwind.config.js +1 -0
@@ -1913,6 +1913,10 @@ video {
1913
1913
  border-top-left-radius: 0.25rem;
1914
1914
  border-bottom-left-radius: 0.25rem;
1915
1915
  }
1916
+ .rounded-r {
1917
+ border-top-right-radius: 0.25rem;
1918
+ border-bottom-right-radius: 0.25rem;
1919
+ }
1916
1920
  .rounded-t {
1917
1921
  border-top-left-radius: 0.25rem;
1918
1922
  border-top-right-radius: 0.25rem;
@@ -2010,10 +2014,6 @@ video {
2010
2014
  border-color: white;
2011
2015
  border-color: var(--color-footer-heading);
2012
2016
  }
2013
- .border-footer-text {
2014
- border-color: white;
2015
- border-color: var(--color-footer-text);
2016
- }
2017
2017
  .border-gray-200 {
2018
2018
  --tw-border-opacity: 1;
2019
2019
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
@@ -2466,6 +2466,10 @@ video {
2466
2466
  .pb-9 {
2467
2467
  padding-bottom: 2.25rem;
2468
2468
  }
2469
+ .pb-footer-padding-bottom {
2470
+ padding-bottom: 16px;
2471
+ padding-bottom: var(--footer-padding-bottom);
2472
+ }
2469
2473
  .pl-0 {
2470
2474
  padding-left: 0px;
2471
2475
  }
@@ -2595,9 +2599,6 @@ video {
2595
2599
  font-size: 3rem;
2596
2600
  line-height: 1;
2597
2601
  }
2598
- .text-\[1\.1875rem\] {
2599
- font-size: 1.1875rem;
2600
- }
2601
2602
  .text-base {
2602
2603
  font-size: 1rem;
2603
2604
  line-height: 1.375rem;
@@ -2671,9 +2672,6 @@ video {
2671
2672
  .leading-6 {
2672
2673
  line-height: 1.5rem;
2673
2674
  }
2674
- .leading-\[1\.625rem\] {
2675
- line-height: 1.625rem;
2676
- }
2677
2675
  .leading-\[34px\] {
2678
2676
  line-height: 34px;
2679
2677
  }
@@ -3027,7 +3025,7 @@ video {
3027
3025
  border-bottom-color: var(--color-secondary-ds);
3028
3026
  }
3029
3027
  .counter-reset {
3030
- counter-reset: cnt1691153880575;
3028
+ counter-reset: cnt1691490525228;
3031
3029
  }
3032
3030
  .hyphens-auto {
3033
3031
  -webkit-hyphens: auto;
@@ -3262,7 +3260,7 @@ video {
3262
3260
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3263
3261
  }
3264
3262
  .-ordered {
3265
- counter-increment: cnt1691153880575 1;
3263
+ counter-increment: cnt1691490525228 1;
3266
3264
  }
3267
3265
  .-ordered::before {
3268
3266
  position: absolute;
@@ -3278,7 +3276,7 @@ video {
3278
3276
  letter-spacing: .0125em;
3279
3277
  --tw-text-opacity: 1;
3280
3278
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3281
- content: counter(cnt1691153880575);
3279
+ content: counter(cnt1691490525228);
3282
3280
  }
3283
3281
  /*! ****************************/
3284
3282
  /*! DataPolicy stuff */
@@ -3420,6 +3418,7 @@ video {
3420
3418
  --width-footer-logo-lg: 6.4375rem;
3421
3419
  --height-footer-logo-lg: 2.6875rem;
3422
3420
 
3421
+ --footer-padding-bottom: 16px;
3423
3422
 
3424
3423
  /*Hauptmenü*/
3425
3424
  --color-top-topic-background: #d3e2f4;
@@ -4139,6 +4138,8 @@ video {
4139
4138
  --width-footer-logo-lg: 3.4375rem;
4140
4139
  --height-footer-logo-lg: 2.6875rem;
4141
4140
 
4141
+ --footer-padding-bottom: 112px;
4142
+
4142
4143
  /* Medieninhalte, Video, Audio, Bildergalerie */
4143
4144
  --color-label-media: #916B00;
4144
4145
  /* Ticker, Live, Livestream */
@@ -4215,6 +4216,8 @@ video {
4215
4216
  --color-footer-bg: #74747f;
4216
4217
  --color-footer-border: #ec6602;
4217
4218
 
4219
+ --footer-padding-bottom: 112px;
4220
+
4218
4221
  --width-footer-logo: 2.5rem;
4219
4222
  --height-footer-logo: 2.5rem;
4220
4223
  --width-footer-logo-md: 2.5rem;
@@ -4302,6 +4305,8 @@ video {
4302
4305
  --color-footer-bg: #9b0112 ;
4303
4306
  --color-footer-border: #007179;
4304
4307
 
4308
+ --footer-padding-bottom: 112px;
4309
+
4305
4310
  --width-footer-logo: 2.5rem;
4306
4311
  --height-footer-logo: 2.5rem;
4307
4312
 
@@ -4392,6 +4397,8 @@ video {
4392
4397
  --color-footer-bg: #407596;
4393
4398
  --color-footer-border: #168378;
4394
4399
 
4400
+ --footer-padding-bottom: 112px;
4401
+
4395
4402
  --width-footer-logo: 2.5rem;
4396
4403
  --height-footer-logo: 2.5rem;
4397
4404
  --width-footer-logo-md: 2.5rem;
@@ -4480,6 +4487,8 @@ video {
4480
4487
 
4481
4488
  --color-footer-bg: #606060;
4482
4489
  --color-footer-border: #007ea1;
4490
+
4491
+ --footer-padding-bottom: 112px;
4483
4492
 
4484
4493
  /* Medieninhalte, Video, Audio, Bildergalerien */
4485
4494
  --color-label-media: #000000;
@@ -4557,6 +4566,47 @@ video {
4557
4566
  .overflow-anywhere {
4558
4567
  word-wrap: anywhere;
4559
4568
  }
4569
+ @media (min-width: 768px) {
4570
+
4571
+ .md\:container {
4572
+ width: 100%;
4573
+ }
4574
+
4575
+ @media (min-width: 360px) {
4576
+
4577
+ .md\:container {
4578
+ max-width: 360px;
4579
+ }
4580
+ }
4581
+
4582
+ @media (min-width: 480px) {
4583
+
4584
+ .md\:container {
4585
+ max-width: 480px;
4586
+ }
4587
+ }
4588
+
4589
+ @media (min-width: 640px) {
4590
+
4591
+ .md\:container {
4592
+ max-width: 640px;
4593
+ }
4594
+ }
4595
+
4596
+ @media (min-width: 768px) {
4597
+
4598
+ .md\:container {
4599
+ max-width: 768px;
4600
+ }
4601
+ }
4602
+
4603
+ @media (min-width: 1024px) {
4604
+
4605
+ .md\:container {
4606
+ max-width: 1024px;
4607
+ }
4608
+ }
4609
+ }
4560
4610
  @media (min-width: 1024px) {
4561
4611
 
4562
4612
  .lg\:container {
@@ -5291,6 +5341,10 @@ video {
5291
5341
  margin-top: 0px;
5292
5342
  }
5293
5343
 
5344
+ .md\:mt-10 {
5345
+ margin-top: 2.5rem;
5346
+ }
5347
+
5294
5348
  .md\:mt-2 {
5295
5349
  margin-top: 0.5rem;
5296
5350
  }
@@ -5303,10 +5357,6 @@ video {
5303
5357
  margin-top: 1.5rem;
5304
5358
  }
5305
5359
 
5306
- .md\:mt-\[38px\] {
5307
- margin-top: 38px;
5308
- }
5309
-
5310
5360
  .md\:mt-auto {
5311
5361
  margin-top: auto;
5312
5362
  }
@@ -5520,10 +5570,6 @@ video {
5520
5570
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
5521
5571
  }
5522
5572
 
5523
- .md\:fill-current {
5524
- fill: currentColor;
5525
- }
5526
-
5527
5573
  .md\:p-10 {
5528
5574
  padding: 2.5rem;
5529
5575
  }
@@ -5585,6 +5631,10 @@ video {
5585
5631
  padding-top: 0px;
5586
5632
  }
5587
5633
 
5634
+ .md\:pt-10 {
5635
+ padding-top: 2.5rem;
5636
+ }
5637
+
5588
5638
  .md\:pt-16 {
5589
5639
  padding-top: 4rem;
5590
5640
  }
@@ -5605,10 +5655,6 @@ video {
5605
5655
  padding-top: 2rem;
5606
5656
  }
5607
5657
 
5608
- .md\:pt-\[38px\] {
5609
- padding-top: 38px;
5610
- }
5611
-
5612
5658
  .md\:text-2xl {
5613
5659
  font-size: 1.375rem;
5614
5660
  line-height: 1.75rem;
@@ -5643,11 +5689,6 @@ video {
5643
5689
  color: var(--color-footer-text);
5644
5690
  }
5645
5691
 
5646
- .md\:text-secondary {
5647
- color: #606060;
5648
- color: var(--color-secondary-ds);
5649
- }
5650
-
5651
5692
  .md\:decoration-2 {
5652
5693
  text-decoration-thickness: 2px;
5653
5694
  }
@@ -6036,11 +6077,6 @@ video {
6036
6077
  border-bottom-left-radius: 0.25rem;
6037
6078
  }
6038
6079
 
6039
- .lg\:rounded-r {
6040
- border-top-right-radius: 0.25rem;
6041
- border-bottom-right-radius: 0.25rem;
6042
- }
6043
-
6044
6080
  .lg\:rounded-t {
6045
6081
  border-top-left-radius: 0.25rem;
6046
6082
  border-top-right-radius: 0.25rem;
@@ -39,7 +39,7 @@ const DataPolicySettings = function (context) {
39
39
  } else {
40
40
  settingsButton.style.display = 'inline-flex'
41
41
  }
42
- } else {
42
+ } else {
43
43
  settingsButton.style.display = 'inline-flex'
44
44
  console.log('Button immer anzeigen, weil nicht App')
45
45
  }
@@ -1,11 +1,14 @@
1
- <h2 class="mb-5 text-[1.1875rem] leading-[1.625rem] font-normal mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
2
- <div x-cloak x-data="{selected:0}" class="pb-11">
1
+ {{#if this.title}}
2
+ <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
3
+ {{/if}}
4
+ <div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
3
5
  {{#each this.copytextParagraph }}
4
6
  {{#if this.isHeadline}}
5
7
  {{#unless @first}}</div></div>{{/unless}}
6
8
  <button type="button"
7
9
  class="w-full text-left"
8
10
  @click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
11
+ data-hr-click-tracking='{"settings": [{"type": "Accordion", "secondLevelId": "1", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
9
12
  >
10
13
  <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
11
14
  <h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
@@ -1,5 +1,5 @@
1
1
  <div class="flex items-center justify-center mt-4 md:mt-0 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
2
- {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
2
+ {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary js-data-policy-settings-button" _variant="secondary" _onBackground=(defaultIfEmpty (configProperty "buttonConfig.settings.footer") false) }}
3
3
  {{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
4
4
  {{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
5
5
  {{/components/button/button}}
@@ -74,7 +74,7 @@
74
74
  </div>
75
75
  <div class="bg-[#e3e3e3] py-2.5 px-6">
76
76
  <span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
77
- <div class="all">
77
+ <div class="flex justify-between all">
78
78
  <span class="inline-flex text-base text-black js-providerTitle">x</span>
79
79
  <div class="flex float-right toggleSwitch">
80
80
  {{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all"}}
@@ -1,5 +1,5 @@
1
- <footer class="flex justify-center w-full pb-4 text-base border-t text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
2
- <div class="container flex lg:px-10">
1
+ <footer class="flex justify-center w-full text-base border-t pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
2
+ <div class="flex md:container lg:px-10">
3
3
  <span class="hidden">Footer Navigation</span>
4
4
 
5
5
  <div class="flex flex-wrap justify-start list-none">
@@ -1,7 +1,7 @@
1
1
  <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
2
2
  <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
3
3
 
4
- <span class="flex justify-start text-base font-bold text-footer-heading " title="{{_title}}" onclick="">{{_title}} </span>
4
+ <span class="flex justify-start text-lg font-bold text-footer-heading " title="{{_title}}" onclick="">{{_title}} </span>
5
5
 
6
6
  <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
7
7
  {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
@@ -8,7 +8,7 @@
8
8
 
9
9
  <div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
10
10
 
11
- <div class="pb-4 md:pt-[38px] md:mt-[38px] p-0 m-0 md:border-t border-footer-heading">
11
+ <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
12
12
  {{> components/footer/page_footer_search }}
13
13
  </div>
14
14
 
@@ -65,9 +65,9 @@
65
65
  <button
66
66
  aria-label='{{loca "search_input_aria_submit" }}'
67
67
  type="submit"
68
- class="pl-2 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary md:bg-white text-primary "
68
+ class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-desktop link-focus-inset md:bg-white text-primary "
69
69
  >
70
- {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-white fill-current bg-primary md:fill-current md:text-secondary md:bg-white"}}
70
+ {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-primary fill-current bg-transparent"}}
71
71
  </button>
72
72
  </form>
73
73
 
@@ -1,11 +1,14 @@
1
- <h2 class="mb-5 text-[1.1875rem] leading-[1.625rem] font-normal mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
2
- <div x-cloak x-data="{selected:0}" class="pb-11">
1
+ {{#if this.title}}
2
+ <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
3
+ {{/if}}
4
+ <div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
3
5
  {{#each this.copytextParagraph }}
4
6
  {{#if this.isHeadline}}
5
7
  {{#unless @first}}</div></div>{{/unless}}
6
8
  <button type="button"
7
9
  class="w-full text-left"
8
10
  @click="selected !== {{nextRandom}} ? selected = {{getRandom}} : selected = null"
11
+ data-hr-click-tracking='{"settings": [{"type": "Accordion", "secondLevelId": "1", "clickLabel": "Akkordeon::{{this.text}}-Link geklickt"}]}'
9
12
  >
10
13
  <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
11
14
  <h3 :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
@@ -1,5 +1,5 @@
1
1
  <div class="flex items-center justify-center mt-4 md:mt-0 md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
2
- {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
2
+ {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary js-data-policy-settings-button" _variant="secondary" _onBackground=(defaultIfEmpty (configProperty "buttonConfig.settings.footer") false) }}
3
3
  {{> components/button/components/button_icon _icon="settings" _iconmap="icons" _css="w-5 h-5"}}
4
4
  {{> components/button/components/button_label _label=(loca "cookies_setting_button_text")}}
5
5
  {{/components/button/button}}
@@ -74,7 +74,7 @@
74
74
  </div>
75
75
  <div class="bg-[#e3e3e3] py-2.5 px-6">
76
76
  <span class="block pb-2 text-lg text-black font-headingSerif">{{loca "cookies_setting_section_title"}}</span>
77
- <div class="all">
77
+ <div class="flex justify-between all">
78
78
  <span class="inline-flex text-base text-black js-providerTitle">x</span>
79
79
  <div class="flex float-right toggleSwitch">
80
80
  {{> components/forms/toggle_button _id="all" _addClass="js-toggleSwitch-checkbox-all"}}
@@ -1,5 +1,5 @@
1
- <footer class="flex justify-center w-full pb-4 text-base border-t text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
2
- <div class="container flex lg:px-10">
1
+ <footer class="flex justify-center w-full text-base border-t pb-footer-padding-bottom text-footer-text print:hidden bg-footer-bg border-footer-border js-pageFooter" role="contentinfo" itemscope="itemscope" itemtype="http://schema.org/WPFooter" >
2
+ <div class="flex md:container lg:px-10">
3
3
  <span class="hidden">Footer Navigation</span>
4
4
 
5
5
  <div class="flex flex-wrap justify-start list-none">
@@ -1,7 +1,7 @@
1
1
  <nav x-data="{dropped:false}" class="w-full md:mt-4 md:mb-8">
2
2
  <div @click="dropped = !dropped" class="flex justify-between w-full px-2 py-2 border-b border-footer-heading md:px-0 md:ml-4 md:py-0 lg:m-0">
3
3
 
4
- <span class="flex justify-start text-base font-bold text-footer-heading " title="{{_title}}" onclick="">{{_title}} </span>
4
+ <span class="flex justify-start text-lg font-bold text-footer-heading " title="{{_title}}" onclick="">{{_title}} </span>
5
5
 
6
6
  <div class="flex items-center md:hidden " :class="dropped ? 'transform rotate-180':''">
7
7
  {{> components/base/image/icon _icon="arrow-down" _iconmap="icons" _addClass="w-3 h-2 fill-current"}}
@@ -8,7 +8,7 @@
8
8
 
9
9
  <div class="flex flex-col w-full pt-4 md:w-1/4 md:w-max-1/4 md:pt-0 md:pr-4 lg:pr-0 -third">
10
10
 
11
- <div class="pb-4 md:pt-[38px] md:mt-[38px] p-0 m-0 md:border-t border-footer-heading">
11
+ <div class="p-0 pb-4 m-0 md:pt-10 md:mt-10 md:border-t border-footer-heading">
12
12
  {{> components/footer/page_footer_search }}
13
13
  </div>
14
14
 
@@ -65,9 +65,9 @@
65
65
  <button
66
66
  aria-label='{{loca "search_input_aria_submit" }}'
67
67
  type="submit"
68
- class="pl-2 pr-2 border-l cursor-pointer lg:search-border-desktop lg:rounded-r link-focus-inset bg-primary md:bg-white text-primary "
68
+ class="pl-2 pr-2 bg-white border-l rounded-r cursor-pointer lg:search-border-desktop link-focus-inset md:bg-white text-primary "
69
69
  >
70
- {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-white fill-current bg-primary md:fill-current md:text-secondary md:bg-white"}}
70
+ {{> components/base/image/icon _icon="suche-ds" _addClass="w-7 h-7 text-primary fill-current bg-transparent"}}
71
71
  </button>
72
72
  </form>
73
73
 
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.35.4",
9
+ "version": "1.35.6",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -26,7 +26,8 @@
26
26
  "saveLogoFilesToFolder": "gulp saveLogoFilesToFolder",
27
27
  "preparePartialsForDelivery": "gulp preparePartialsForDelivery",
28
28
  "create-modernizr-config": "gulp createModernizrConfig",
29
- "merge-locatags": "gulp mergeLocatags"
29
+ "merge-locatags": "gulp mergeLocatags",
30
+ "prepare": "yarn build"
30
31
  },
31
32
  "browserslist": [
32
33
  "last 2 versions",
@@ -41,16 +42,16 @@
41
42
  "@babel/cli": "^7.13.16",
42
43
  "@babel/core": "^7.12.10",
43
44
  "@babel/preset-env": "^7.21.4",
44
- "@storybook/addon-a11y": "^7.0.12",
45
- "@storybook/addon-actions": "^7.0.12",
46
- "@storybook/addon-essentials": "^7.0.12",
47
- "@storybook/addon-links": "^7.0.12",
48
- "@storybook/addon-styling": "^1.0.8",
49
- "@storybook/addons": "^7.0.12",
50
- "@storybook/blocks": "7.0.12",
51
- "@storybook/html": "^7.0.12",
52
- "@storybook/html-webpack5": "7.0.12",
53
- "@storybook/theming": "^7.0.12",
45
+ "@storybook/addon-a11y": "^7.2.1",
46
+ "@storybook/addon-actions": "^7.2.1",
47
+ "@storybook/addon-essentials": "^7.2.1",
48
+ "@storybook/addon-links": "^7.2.1",
49
+ "@storybook/addon-styling": "^1.3.5",
50
+ "@storybook/addons": "^7.2.1",
51
+ "@storybook/blocks": "7.2.1",
52
+ "@storybook/html": "^7.2.1",
53
+ "@storybook/html-webpack5": "7.2.1",
54
+ "@storybook/theming": "^7.2.1",
54
55
  "auto": "^10.26.0",
55
56
  "autoprefixer": "^10.4.2",
56
57
  "babel-loader": "^8.2.2",
@@ -92,7 +93,7 @@
92
93
  "react-dom": "^18.2.0",
93
94
  "remark-gfm": "^3.0.1",
94
95
  "rimraf": "^3.0.2",
95
- "storybook": "^7.0.12",
96
+ "storybook": "^7.2.1",
96
97
  "storybook-conditional-toolbar-selector": "^1.0.3",
97
98
  "tailwindcss": "^3.0.23",
98
99
  "tailwindcss-hyphens": "^0.1.0",
@@ -1,17 +1,12 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
3
- <defs>
4
- <style>
5
- .cls-1, .cls-2 {
6
- fill: #fff;
7
- }
8
-
9
- .cls-2 {
10
- fill-rule: evenodd;
11
- }
12
- </style>
13
- </defs>
14
- <path class="cls-2" d="m63,124.4v32.4c55.25,0,100.2,44.95,100.2,100.2h32.4c0-73.12-59.48-132.6-132.6-132.6Z"/>
15
- <path class="cls-2" d="m63,46.8v32.4c98.04,0,177.8,79.76,177.8,177.8h32.4c0-115.9-94.3-210.2-210.2-210.2Z"/>
16
- <circle class="cls-1" cx="92.1" cy="227.9" r="29.1" transform="translate(-49.9 27.26) rotate(-13.28)"/>
17
- </svg>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 27.7.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="rss" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 320 320" style="enable-background:new 0 0 320 320;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
7
+ .st1{fill:#FFFFFF;}
8
+ </style>
9
+ <path class="st0" d="M54.9,132.5v32.4c55.3,0,100.2,44.9,100.2,100.2h32.4C187.5,192,128,132.5,54.9,132.5z"/>
10
+ <path class="st0" d="M54.9,54.9v32.4c98,0,177.8,79.8,177.8,177.8h32.4C265.1,149.2,170.8,54.9,54.9,54.9L54.9,54.9z"/>
11
+ <ellipse transform="matrix(0.9733 -0.2297 0.2297 0.9733 -51.9657 25.6059)" class="st1" cx="84" cy="236" rx="29.1" ry="29.1"/>
12
+ </svg>
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="X" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
3
+ <defs>
4
+ <style>
5
+ .cls-1 {
6
+ fill: #fff;
7
+ fill-rule: evenodd;
8
+ }
9
+ </style>
10
+ </defs>
11
+ <path class="cls-1" d="m186.06,143.04c27.46-31.32,54.9-62.63,82.39-93.99-.15-.03-.17-.03-.2-.03-12.35,0-24.71,0-37.06.01-.27,0-.61.21-.8.42-10.47,11.92-20.93,23.86-31.39,35.79-9.31,10.62-18.61,21.23-27.92,31.85-.82.94-1.64,1.87-2.49,2.83-.16-.21-.28-.36-.4-.51-12.45-16.43-24.9-32.86-37.36-49.29-5.18-6.84-10.37-13.67-15.53-20.52-.33-.44-.66-.61-1.22-.61-25.42.01-50.85.01-76.27.01h-.82c.2.27.31.42.42.57,16.64,21.72,33.29,43.43,49.92,65.16,11.07,14.46,22.13,28.93,33.2,43.39,3.01,3.93,6.03,7.84,9.06,11.74.34.44.29.69-.06,1.08-12.6,14.35-25.19,28.72-37.78,43.08-16.45,18.77-32.91,37.54-49.36,56.31-.16.18-.31.38-.53.64h.38c12.28,0,24.57,0,36.85-.02.28,0,.63-.18.82-.39,3.16-3.57,6.3-7.16,9.45-10.75,17.47-19.93,34.95-39.86,52.42-59.78,1.94-2.21,3.88-4.42,5.84-6.66,2.29,2.99,4.55,5.93,6.8,8.88,14.1,18.4,28.2,36.8,42.3,55.19,3.33,4.34,6.66,8.68,9.98,13.04.27.36.54.5.99.5,24.88-.01,49.75-.01,74.63-.01.2,0,.39-.02.66-.04-32.35-42.69-64.65-85.3-96.94-127.91Zm50.13,104.94c-6.45,0-12.9,0-19.35.02-.55,0-.9-.19-1.19-.58-2.47-3.2-4.93-6.4-7.39-9.6-4.95-6.45-9.89-12.91-14.85-19.36-4.01-5.22-8.03-10.43-12.05-15.65-10.94-14.21-21.87-28.42-32.81-42.64-11.6-15.07-23.2-30.13-34.8-45.2-11.12-14.45-22.24-28.9-33.36-43.35-.08-.11-.16-.23-.23-.35-.05-.06-.1-.12-.16-.19.05-.02.1-.04.15-.05.19,0,.38-.02.57-.02,7,0,13.99,0,20.99,0,.41,0,.68.1.94.44,3.81,5.04,7.65,10.06,11.47,15.09,4.18,5.49,8.36,10.99,12.54,16.48,4.32,5.68,8.65,11.36,12.97,17.04,4.24,5.57,8.48,11.14,12.72,16.71,5.65,7.43,11.31,14.85,16.96,22.28,4.18,5.49,8.36,10.99,12.54,16.48,4.32,5.68,8.65,11.36,12.98,17.04,4.25,5.58,8.5,11.17,12.75,16.75,4.3,5.64,8.59,11.29,12.89,16.93,4.22,5.55,8.45,11.1,12.67,16.65,1.25,1.65,2.5,3.29,3.86,5.07h-.81Z"/>
12
+ </svg>