hr-design-system-handlebars 1.35.0 → 1.35.1

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 +12 -0
  2. package/dist/assets/index.css +11 -11
  3. package/dist/views/components/dataPolicySettings/data_policy_settings.hbs +9 -9
  4. package/dist/views/components/footer/page_footer_column.hbs +1 -3
  5. package/dist/views/components/footer/page_footer_nav_link.hbs +1 -1
  6. package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs +9 -9
  7. package/dist/views_static/components/footer/page_footer_column.hbs +1 -3
  8. package/dist/views_static/components/footer/page_footer_nav_link.hbs +1 -1
  9. package/package.json +1 -1
  10. package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs +9 -9
  11. package/src/stories/views/components/footer/page_footer_column.hbs +1 -3
  12. package/src/stories/views/components/footer/page_footer_nav_link.hbs +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.35.1 (Tue Aug 01 2023)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 2259 3 [#695](https://github.com/mumprod/hr-design-system-handlebars/pull/695) ([@StefanVesper](https://github.com/StefanVesper))
6
+
7
+ #### Authors: 1
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+
11
+ ---
12
+
1
13
  # v1.35.0 (Tue Aug 01 2023)
2
14
 
3
15
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -2536,6 +2536,9 @@ video {
2536
2536
  .align-top {
2537
2537
  vertical-align: top;
2538
2538
  }
2539
+ .align-text-top {
2540
+ vertical-align: text-top;
2541
+ }
2539
2542
  .font-copy {
2540
2543
  font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
2541
2544
  }
@@ -3010,7 +3013,7 @@ video {
3010
3013
  border-bottom-color: var(--color-secondary-ds);
3011
3014
  }
3012
3015
  .counter-reset {
3013
- counter-reset: cnt1690899159191;
3016
+ counter-reset: cnt1690902834655;
3014
3017
  }
3015
3018
  .hyphens-auto {
3016
3019
  -webkit-hyphens: auto;
@@ -3245,7 +3248,7 @@ video {
3245
3248
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3246
3249
  }
3247
3250
  .-ordered {
3248
- counter-increment: cnt1690899159191 1;
3251
+ counter-increment: cnt1690902834655 1;
3249
3252
  }
3250
3253
  .-ordered::before {
3251
3254
  position: absolute;
@@ -3261,7 +3264,7 @@ video {
3261
3264
  letter-spacing: .0125em;
3262
3265
  --tw-text-opacity: 1;
3263
3266
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3264
- content: counter(cnt1690899159191);
3267
+ content: counter(cnt1690902834655);
3265
3268
  }
3266
3269
  /*! ****************************/
3267
3270
  /*! DataPolicy stuff */
@@ -5238,10 +5241,6 @@ video {
5238
5241
  margin-bottom: 2rem;
5239
5242
  }
5240
5243
 
5241
- .md\:ml-1 {
5242
- margin-left: 0.25rem;
5243
- }
5244
-
5245
5244
  .md\:ml-4 {
5246
5245
  margin-left: 1rem;
5247
5246
  }
@@ -5250,10 +5249,6 @@ video {
5250
5249
  margin-top: 0px;
5251
5250
  }
5252
5251
 
5253
- .md\:mt-0\.5 {
5254
- margin-top: 0.125rem;
5255
- }
5256
-
5257
5252
  .md\:mt-2 {
5258
5253
  margin-top: 0.5rem;
5259
5254
  }
@@ -5609,6 +5604,11 @@ video {
5609
5604
  line-height: 1rem;
5610
5605
  }
5611
5606
 
5607
+ .md\:text-footer-text {
5608
+ color: white;
5609
+ color: var(--color-footer-text);
5610
+ }
5611
+
5612
5612
  .md\:text-secondary {
5613
5613
  color: #606060;
5614
5614
  color: var(--color-secondary-ds);
package/dist/views/components/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="flex items-center justify-center md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
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
2
  {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
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")}}
@@ -38,20 +38,20 @@
38
38
  </div>
39
39
 
40
40
  <ul class="{{#if _webview}} hidden{{/if}}">
41
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_1">
42
- <span class="inline-block text-base text-black">AGF <a
41
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
42
+ <span class="text-base text-black">AGF <a
43
43
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
44
44
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/)</a></span>
45
- <div class="flex float-right toggleSwitch">
45
+ <div class="flex w-fit toggleSwitch">
46
46
  {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
47
47
  </div>
48
48
  </li>
49
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_2">
50
- <span class="inline-block text-base text-black">AT Internet <a
49
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
50
+ <span class="text-base text-black">AT Internet <a
51
51
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.atinternet.com/de/"
53
53
  title="AT Internet">(https://www.atinternet.com/de/)</a></span>
54
- <div class="flex float-right toggleSwitch">
54
+ <div class="flex w-fit toggleSwitch">
55
55
  {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
56
56
  </div>
57
57
  </li>
@@ -75,7 +75,7 @@
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
77
  <div class="all">
78
- <span class="inline-block text-base text-black js-providerTitle">x</span>
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"}}
81
81
  </div>
@@ -86,7 +86,7 @@
86
86
  {{#with this.serviceList}}
87
87
  {{#each this}}
88
88
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
89
- <span class="inline-block text-base leading-6 text-black">{{this.value}}</span>
89
+ <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
90
90
  <div class="flex float-right toggleSwitch">
91
91
  {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden }}
92
92
  </div>
package/dist/views/components/footer/page_footer_column.hbs CHANGED
@@ -11,11 +11,9 @@
11
11
 
12
12
  <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
13
13
  {{#each _columns}}
14
- <ul class="flex flex-col text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
14
+ <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
15
15
  {{#each this.links}}
16
-
17
16
  {{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
18
-
19
17
  {{/each}}
20
18
  </ul>
21
19
  {{/each}}
package/dist/views/components/footer/page_footer_nav_link.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  </span>
7
7
  {{~/if~}}
8
8
  {{~#if ../../_link-adjust_context.isTargetBlank}}
9
- <span class="inline-flex md:mt-0.5 md:ml-1">
9
+ <span class="inline-flex mt-0.5 ml-1">
10
10
  {{> components/base/image/icon _icon=../../_iconName-adjust_context _iconmap="icons" _addClass="w-4 h-4 fill-current"}}
11
11
  </span>
12
12
  {{/if~}}
package/dist/views_static/components/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="flex items-center justify-center md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
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
2
  {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
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")}}
@@ -38,20 +38,20 @@
38
38
  </div>
39
39
 
40
40
  <ul class="{{#if _webview}} hidden{{/if}}">
41
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_1">
42
- <span class="inline-block text-base text-black">AGF <a
41
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
42
+ <span class="text-base text-black">AGF <a
43
43
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
44
44
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/)</a></span>
45
- <div class="flex float-right toggleSwitch">
45
+ <div class="flex w-fit toggleSwitch">
46
46
  {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
47
47
  </div>
48
48
  </li>
49
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_2">
50
- <span class="inline-block text-base text-black">AT Internet <a
49
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
50
+ <span class="text-base text-black">AT Internet <a
51
51
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.atinternet.com/de/"
53
53
  title="AT Internet">(https://www.atinternet.com/de/)</a></span>
54
- <div class="flex float-right toggleSwitch">
54
+ <div class="flex w-fit toggleSwitch">
55
55
  {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
56
56
  </div>
57
57
  </li>
@@ -75,7 +75,7 @@
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
77
  <div class="all">
78
- <span class="inline-block text-base text-black js-providerTitle">x</span>
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"}}
81
81
  </div>
@@ -86,7 +86,7 @@
86
86
  {{#with this.serviceList}}
87
87
  {{#each this}}
88
88
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
89
- <span class="inline-block text-base leading-6 text-black">{{this.value}}</span>
89
+ <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
90
90
  <div class="flex float-right toggleSwitch">
91
91
  {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden }}
92
92
  </div>
package/dist/views_static/components/footer/page_footer_column.hbs CHANGED
@@ -11,11 +11,9 @@
11
11
 
12
12
  <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
13
13
  {{#each _columns}}
14
- <ul class="flex flex-col text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
14
+ <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
15
15
  {{#each this.links}}
16
-
17
16
  {{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
18
-
19
17
  {{/each}}
20
18
  </ul>
21
19
  {{/each}}
package/dist/views_static/components/footer/page_footer_nav_link.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  </span>
7
7
  {{~/if~}}
8
8
  {{~#if _link.isTargetBlank}}
9
- <span class="inline-flex md:mt-0.5 md:ml-1">
9
+ <span class="inline-flex mt-0.5 ml-1">
10
10
  {{> components/base/image/icon _icon=_iconName _iconmap="icons" _addClass="w-4 h-4 fill-current"}}
11
11
  </span>
12
12
  {{/if~}}
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.0",
9
+ "version": "1.35.1",
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/dataPolicySettings/data_policy_settings.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="flex items-center justify-center md:justify-end js-load" data-hr-data-policy-settings-ds='{}'>
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
2
  {{#> components/button/button _size="md" _id="globalSettingsButton" _css="hover:text-secondary border-footer-text js-data-policy-settings-button" _variant="secondary" _onBackground="true" }}
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")}}
@@ -38,20 +38,20 @@
38
38
  </div>
39
39
 
40
40
  <ul class="{{#if _webview}} hidden{{/if}}">
41
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_1">
42
- <span class="inline-block text-base text-black">AGF <a
41
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
42
+ <span class="text-base text-black">AGF <a
43
43
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
44
44
  href="https://www.agf.de/" title="AGF">(https://www.agf.de/)</a></span>
45
- <div class="flex float-right toggleSwitch">
45
+ <div class="flex w-fit toggleSwitch">
46
46
  {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
47
47
  </div>
48
48
  </li>
49
- <li class="px-6 py-3 bg-white border-t border-[#e3e3e3] tracking_2">
50
- <span class="inline-block text-base text-black">AT Internet <a
49
+ <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
50
+ <span class="text-base text-black">AT Internet <a
51
51
  class="mt-3 -mb-1 text-link" target="_blank" rel="noopener noreferrer"
52
52
  href="https://www.atinternet.com/de/"
53
53
  title="AT Internet">(https://www.atinternet.com/de/)</a></span>
54
- <div class="flex float-right toggleSwitch">
54
+ <div class="flex w-fit toggleSwitch">
55
55
  {{> components/forms/toggle_button _id="ati" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false }}
56
56
  </div>
57
57
  </li>
@@ -75,7 +75,7 @@
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
77
  <div class="all">
78
- <span class="inline-block text-base text-black js-providerTitle">x</span>
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"}}
81
81
  </div>
@@ -86,7 +86,7 @@
86
86
  {{#with this.serviceList}}
87
87
  {{#each this}}
88
88
  <li class="bg-white py-2.5 px-6 border-t border-[#e3e3e3] {{this.key}}">
89
- <span class="inline-block text-base leading-6 text-black">{{this.value}}</span>
89
+ <span class="inline-flex text-base leading-6 text-black align-text-top">{{this.value}}</span>
90
90
  <div class="flex float-right toggleSwitch">
91
91
  {{> components/forms/toggle_button _id=this.key _addClass="js-toggleSwitch-checkbox js-toggleSwitch-external" _isInitiallyHidden=this.isInitiallyHidden }}
92
92
  </div>
package/src/stories/views/components/footer/page_footer_column.hbs CHANGED
@@ -11,11 +11,9 @@
11
11
 
12
12
  <div x-show="!$screen('lg') && !$screen('md') ? dropped : true" x-transition.opacity class="flex flex-col md:flex-row flex-nowrap">
13
13
  {{#each _columns}}
14
- <ul class="flex flex-col text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
14
+ <ul class="flex flex-col text-primary md:text-footer-text md:pt-8 w-full md:w-1/{{../_columnSize}}">
15
15
  {{#each this.links}}
16
-
17
16
  {{> components/footer/page_footer_item _css="hover:underline" _iconName="extern" }}
18
-
19
17
  {{/each}}
20
18
  </ul>
21
19
  {{/each}}
package/src/stories/views/components/footer/page_footer_nav_link.hbs CHANGED
@@ -6,7 +6,7 @@
6
6
  </span>
7
7
  {{~/if~}}
8
8
  {{~#if _link-adjust_context.isTargetBlank}}
9
- <span class="inline-flex md:mt-0.5 md:ml-1">
9
+ <span class="inline-flex mt-0.5 ml-1">
10
10
  {{> components/base/image/icon _icon=_iconName-adjust_context _iconmap="icons" _addClass="w-4 h-4 fill-current"}}
11
11
  </span>
12
12
  {{/if~}}