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.
- package/.storybook/main.js +8 -0
- package/.storybook/preview.js +16 -1
- package/CHANGELOG.md +30 -0
- package/build/handlebars/helpers/handlebar-helpers.js +3 -0
- package/dist/assets/icons/icons/svgmap/rss-ds.svg +12 -17
- package/dist/assets/icons/icons/svgmap/x-ds.svg +12 -0
- package/dist/assets/icons/icons/svgmap.min.svg +1 -1
- package/dist/assets/index.css +71 -35
- package/dist/assets/js/components/dataPolicySettings/dataPolicySettingsDs.feature.js +1 -1
- package/dist/views/components/article/components/accordion/accordion.hbs +5 -2
- package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +2 -2
- package/dist/views/components/footer/page_footer.hbs +2 -2
- package/dist/views/components/footer/page_footer_column.hbs +1 -1
- package/dist/views/components/footer/page_footer_content.hbs +1 -1
- package/dist/views/components/site_header/navigation_search/quick_search_form.hbs +2 -2
- package/dist/views_static/components/article/components/accordion/accordion.hbs +5 -2
- package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +2 -2
- package/dist/views_static/components/footer/page_footer.hbs +2 -2
- package/dist/views_static/components/footer/page_footer_column.hbs +1 -1
- package/dist/views_static/components/footer/page_footer_content.hbs +1 -1
- package/dist/views_static/components/site_header/navigation_search/quick_search_form.hbs +2 -2
- package/package.json +14 -13
- package/src/assets/icons/icons/svgmap/rss-ds.svg +12 -17
- package/src/assets/icons/icons/svgmap/x-ds.svg +12 -0
- package/src/assets/icons/icons/svgmap.min.svg +1 -1
- package/src/assets/tailwind.css +11 -0
- package/src/stories/{InstallAndUpdate.mdx → InstallAndUpdateDependencies.mdx} +2 -2
- package/src/stories/InstallInDelivery.mdx +30 -0
- package/src/stories/views/components/article/components/accordion/accordion.hbs +5 -2
- package/src/stories/views/components/dataPolicySettings/dataPolicySettingsDs.feature.js +1 -1
- package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +2 -2
- package/src/stories/views/components/footer/page_footer.hbs +2 -2
- package/src/stories/views/components/footer/page_footer_column.hbs +1 -1
- package/src/stories/views/components/footer/page_footer_content.hbs +1 -1
- package/src/stories/views/components/site_header/navigation_search/quick_search_form.hbs +2 -2
- package/tailwind.config.js +1 -0
package/dist/assets/index.css
CHANGED
|
@@ -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:
|
|
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:
|
|
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(
|
|
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;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
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
|
|
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
|
|
2
|
-
<div class="container
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
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
|
-
|
|
2
|
-
<
|
|
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
|
|
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
|
|
2
|
-
<div class="container
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
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.
|
|
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.
|
|
45
|
-
"@storybook/addon-actions": "^7.
|
|
46
|
-
"@storybook/addon-essentials": "^7.
|
|
47
|
-
"@storybook/addon-links": "^7.
|
|
48
|
-
"@storybook/addon-styling": "^1.
|
|
49
|
-
"@storybook/addons": "^7.
|
|
50
|
-
"@storybook/blocks": "7.
|
|
51
|
-
"@storybook/html": "^7.
|
|
52
|
-
"@storybook/html-webpack5": "7.
|
|
53
|
-
"@storybook/theming": "^7.
|
|
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.
|
|
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="
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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>
|