hr-design-system-handlebars 1.110.9 → 1.110.10

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/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.110.10 (Wed Oct 16 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Dpe 3308 error&success message [#1114](https://github.com/mumprod/hr-design-system-handlebars/pull/1114) ([@StefanVesper](https://github.com/StefanVesper) [@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 2
8
+
9
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
10
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
11
+
12
+ ---
13
+
1
14
  # v1.110.9 (Wed Oct 16 2024)
2
15
 
3
16
  #### 🐛 Bug Fix
@@ -3311,6 +3311,11 @@ article.indexTextDS .indexTextHighlighted .link {
3311
3311
  color: #005293;
3312
3312
  color: var(--color-primary-ds);
3313
3313
  }
3314
+ .text-red-700 {
3315
+ --tw-text-opacity: 1;
3316
+ color: rgba(185, 28, 28, 1);
3317
+ color: rgba(185, 28, 28, var(--tw-text-opacity));
3318
+ }
3314
3319
  .text-search-footer-text {
3315
3320
  color: #000000;
3316
3321
  color: var(--color-search-footer-text);
@@ -3355,6 +3360,10 @@ article.indexTextDS .indexTextHighlighted .link {
3355
3360
  color: #ffffff;
3356
3361
  color: var(--color-ticker-teaser-label-byline);
3357
3362
  }
3363
+ .text-toggle-confirmation {
3364
+ color: #2c7e13;
3365
+ color: var(--color-toggle-confirmation);
3366
+ }
3358
3367
  .text-toplineColor {
3359
3368
  color: #006dc1;
3360
3369
  color: var(--color-topline);
@@ -3575,7 +3584,7 @@ article.indexTextDS .indexTextHighlighted .link {
3575
3584
  border-bottom-color: var(--color-secondary-ds);
3576
3585
  }
3577
3586
  .counter-reset {
3578
- counter-reset: cnt1729072489604;
3587
+ counter-reset: cnt1729088219642;
3579
3588
  }
3580
3589
  .placeholder-text-xs::-webkit-input-placeholder {
3581
3590
  font-size: 0.75rem;
@@ -3989,7 +3998,7 @@ article.indexTextDS .indexTextHighlighted .link {
3989
3998
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3990
3999
  }
3991
4000
  .-ordered {
3992
- counter-increment: cnt1729072489604 1;
4001
+ counter-increment: cnt1729088219642 1;
3993
4002
  }
3994
4003
  .-ordered::before {
3995
4004
  position: absolute;
@@ -4007,7 +4016,7 @@ article.indexTextDS .indexTextHighlighted .link {
4007
4016
  --tw-text-opacity: 1;
4008
4017
  color: rgba(0, 0, 0, 1);
4009
4018
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4010
- content: counter(cnt1729072489604);
4019
+ content: counter(cnt1729088219642);
4011
4020
  }
4012
4021
  /*! ****************************/
4013
4022
  /*! DataPolicy stuff */
@@ -1,3 +1,3 @@
1
- <div class="hidden w-5 h-5 font-bold" :class="{{_xclass}}">
1
+ <div class="hidden w-5 h-5 {{_class}}"{{#if _xclass}} :class="{{_xclass}}"{{/if}}>
2
2
  {{> components/base/image/icon _icon="error-ds" _addClass="w-5 h-5 fill-error"}}
3
3
  </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
 
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -0,0 +1,17 @@
1
+ <div class="flex flex-row items-center justify-between w-full">
2
+ <div class="flex items-center gap-x-2 md:gap-x-3">
3
+ {{#if _success}}
4
+ {{> components/forms/success_icon}}
5
+ <span class="font-bold text-green-800">{{_messageText}}</span>
6
+ {{else}}
7
+ {{> components/forms/error_icon}}
8
+ <span class="font-bold text-red-700">{{_messageText}}</span>
9
+ {{/if}}
10
+ </div>
11
+ {{#unless _success}}
12
+ {{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
13
+ <span class="text-base ds-button-label ">Nochmal versuchen</span>
14
+ {{/components/button/button}}
15
+ {{/unless}}
16
+
17
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="w-5 h-5 text-toggle-confirmation">
2
+ {{> components/base/image/icon _icon="status-done" _addClass="w-5 h-5 text-toggle-confirmation"}}
3
+ </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
  {{#if _required}}
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -25,11 +25,13 @@
25
25
  {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
26
26
 
27
27
  {{> components/forms/controls }}
28
+
28
29
  <template id="successMessage">
29
- <h2>SUPER DAS HAT ALLES FUNKTIONIERT</h2>
30
+ {{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
30
31
  </template>
32
+
31
33
  <template id="errorMessage">
32
- <h2>DAS HAT LEIDER NICHT FUNKTIONIERT</h2>
34
+ {{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
33
35
  </template>
34
36
 
35
37
  </form>
@@ -1,3 +1,3 @@
1
- <div class="hidden w-5 h-5 font-bold" :class="{{_xclass}}">
1
+ <div class="hidden w-5 h-5 {{_class}}"{{#if _xclass}} :class="{{_xclass}}"{{/if}}>
2
2
  {{> components/base/image/icon _icon="error-ds" _addClass="w-5 h-5 fill-error"}}
3
3
  </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
 
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -0,0 +1,17 @@
1
+ <div class="flex flex-row items-center justify-between w-full">
2
+ <div class="flex items-center gap-x-2 md:gap-x-3">
3
+ {{#if _success}}
4
+ {{> components/forms/success_icon}}
5
+ <span class="font-bold text-green-800">{{_messageText}}</span>
6
+ {{else}}
7
+ {{> components/forms/error_icon}}
8
+ <span class="font-bold text-red-700">{{_messageText}}</span>
9
+ {{/if}}
10
+ </div>
11
+ {{#unless _success}}
12
+ {{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
13
+ <span class="text-base ds-button-label ">Nochmal versuchen</span>
14
+ {{/components/button/button}}
15
+ {{/unless}}
16
+
17
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="w-5 h-5 text-toggle-confirmation">
2
+ {{> components/base/image/icon _icon="status-done" _addClass="w-5 h-5 text-toggle-confirmation"}}
3
+ </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
  {{#if _required}}
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -25,11 +25,13 @@
25
25
  {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
26
26
 
27
27
  {{> components/forms/controls }}
28
+
28
29
  <template id="successMessage">
29
- <h2>SUPER DAS HAT ALLES FUNKTIONIERT</h2>
30
+ {{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
30
31
  </template>
32
+
31
33
  <template id="errorMessage">
32
- <h2>DAS HAT LEIDER NICHT FUNKTIONIERT</h2>
34
+ {{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
33
35
  </template>
34
36
 
35
37
  </form>
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.110.9",
9
+ "version": "1.110.10",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -24,7 +24,9 @@ export default {
24
24
  method: 'POST',
25
25
  status: 200,
26
26
  response: {
27
- "status":"VALIDATION_ERROR","errors":{"vorname":"form_error_required"},
27
+ "status":""
28
+ // "status":"OK"
29
+ // "status":"VALIDATION_ERROR", "errors":{"vorname":"form_error_required"}
28
30
  },
29
31
  },
30
32
  ],
@@ -1,3 +1,3 @@
1
- <div class="hidden w-5 h-5 font-bold" :class="{{_xclass}}">
1
+ <div class="hidden w-5 h-5 {{_class}}"{{#if _xclass}} :class="{{_xclass}}"{{/if}}>
2
2
  {{> components/base/image/icon _icon="error-ds" _addClass="w-5 h-5 fill-error"}}
3
3
  </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
 
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -0,0 +1,17 @@
1
+ <div class="flex flex-row items-center justify-between w-full">
2
+ <div class="flex items-center gap-x-2 md:gap-x-3">
3
+ {{#if _success}}
4
+ {{> components/forms/success_icon}}
5
+ <span class="font-bold text-green-800">{{_messageText}}</span>
6
+ {{else}}
7
+ {{> components/forms/error_icon}}
8
+ <span class="font-bold text-red-700">{{_messageText}}</span>
9
+ {{/if}}
10
+ </div>
11
+ {{#unless _success}}
12
+ {{#> components/button/button _variant="primary"_size="lg" _css="" _type="reset"}}
13
+ <span class="text-base ds-button-label ">Nochmal versuchen</span>
14
+ {{/components/button/button}}
15
+ {{/unless}}
16
+
17
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="w-5 h-5 text-toggle-confirmation">
2
+ {{> components/base/image/icon _icon="status-done" _addClass="w-5 h-5 text-toggle-confirmation"}}
3
+ </div>
@@ -61,7 +61,7 @@
61
61
  </label>
62
62
  {{#if _required}}
63
63
  <div class="absolute top-0 z-10 flex items-center justify-center h-12 right-4">
64
- {{> components/forms/error_icon _xclass="{'hidden': hideError() }"}}
64
+ {{> components/forms/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
67
  <div class="flex items-end justify-between h-5 font-heading">
@@ -25,11 +25,13 @@
25
25
  {{> components/forms/fields _formId=(joinStrings 'form' (getRandom)) }}
26
26
 
27
27
  {{> components/forms/controls }}
28
+
28
29
  <template id="successMessage">
29
- <h2>SUPER DAS HAT ALLES FUNKTIONIERT</h2>
30
+ {{> components/forms/message _success=true _messageText="Das Formular wurde erforlgreich versendet." }}
30
31
  </template>
32
+
31
33
  <template id="errorMessage">
32
- <h2>DAS HAT LEIDER NICHT FUNKTIONIERT</h2>
34
+ {{> components/forms/message _success=false _messageText="Das Formular konnte nicht versendet werden." }}
33
35
  </template>
34
36
 
35
37
  </form>