hr-design-system-handlebars 1.113.3 → 1.113.4

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 (28) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/assets/index.css +15 -12
  3. package/dist/views/components/forms/components/backgroundBox.hbs +1 -1
  4. package/dist/views/components/forms/components/choice.hbs +2 -2
  5. package/dist/views/components/forms/components/choiceGroup.hbs +3 -3
  6. package/dist/views/components/forms/components/fields.hbs +1 -1
  7. package/dist/views/components/forms/components/input.hbs +1 -1
  8. package/dist/views/components/forms/components/select.hbs +1 -1
  9. package/dist/views/components/forms/components/textarea.hbs +1 -1
  10. package/dist/views/components/forms/components/upload.hbs +2 -2
  11. package/dist/views_static/components/forms/components/backgroundBox.hbs +1 -1
  12. package/dist/views_static/components/forms/components/choice.hbs +2 -2
  13. package/dist/views_static/components/forms/components/choiceGroup.hbs +3 -3
  14. package/dist/views_static/components/forms/components/fields.hbs +1 -1
  15. package/dist/views_static/components/forms/components/input.hbs +1 -1
  16. package/dist/views_static/components/forms/components/select.hbs +1 -1
  17. package/dist/views_static/components/forms/components/textarea.hbs +1 -1
  18. package/dist/views_static/components/forms/components/upload.hbs +2 -2
  19. package/package.json +1 -1
  20. package/src/stories/views/components/forms/components/backgroundBox.hbs +1 -1
  21. package/src/stories/views/components/forms/components/choice.hbs +2 -2
  22. package/src/stories/views/components/forms/components/choiceGroup.hbs +3 -3
  23. package/src/stories/views/components/forms/components/fields.hbs +1 -1
  24. package/src/stories/views/components/forms/components/input.hbs +1 -1
  25. package/src/stories/views/components/forms/components/select.hbs +1 -1
  26. package/src/stories/views/components/forms/components/textarea.hbs +1 -1
  27. package/src/stories/views/components/forms/components/upload.hbs +2 -2
  28. package/src/stories/views/components/forms/form_upload.stories.js +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.113.4 (Tue Oct 29 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - DPE-3413: adjust form spacing [#1131](https://github.com/mumprod/hr-design-system-handlebars/pull/1131) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
6
+
7
+ #### Authors: 2
8
+
9
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
10
+ - selbaciri (saad.elbaciri@hr.de)
11
+
12
+ ---
13
+
1
14
  # v1.113.3 (Tue Oct 29 2024)
2
15
 
3
16
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -1535,6 +1535,9 @@ article.indexTextDS .indexTextHighlighted .link {
1535
1535
  .mt-60 {
1536
1536
  margin-top: 15rem;
1537
1537
  }
1538
+ .mt-7 {
1539
+ margin-top: 1.75rem;
1540
+ }
1538
1541
  .mt-9 {
1539
1542
  margin-top: 2.25rem;
1540
1543
  }
@@ -1728,6 +1731,9 @@ article.indexTextDS .indexTextHighlighted .link {
1728
1731
  .min-h-3 {
1729
1732
  min-height: 0.75rem;
1730
1733
  }
1734
+ .min-h-5 {
1735
+ min-height: 1.25rem;
1736
+ }
1731
1737
  .min-h-6 {
1732
1738
  min-height: 1.5rem;
1733
1739
  }
@@ -2179,9 +2185,6 @@ article.indexTextDS .indexTextHighlighted .link {
2179
2185
  .gap-y-3 {
2180
2186
  row-gap: 0.75rem;
2181
2187
  }
2182
- .gap-y-4 {
2183
- row-gap: 1rem;
2184
- }
2185
2188
  .gap-y-5 {
2186
2189
  row-gap: 1.25rem;
2187
2190
  }
@@ -3621,7 +3624,7 @@ article.indexTextDS .indexTextHighlighted .link {
3621
3624
  border-bottom-color: var(--color-secondary-ds);
3622
3625
  }
3623
3626
  .counter-reset {
3624
- counter-reset: cnt1730197524977;
3627
+ counter-reset: cnt1730207516278;
3625
3628
  }
3626
3629
  .placeholder-text-xs::-webkit-input-placeholder {
3627
3630
  font-size: 0.75rem;
@@ -4035,7 +4038,7 @@ article.indexTextDS .indexTextHighlighted .link {
4035
4038
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4036
4039
  }
4037
4040
  .-ordered {
4038
- counter-increment: cnt1730197524977 1;
4041
+ counter-increment: cnt1730207516278 1;
4039
4042
  }
4040
4043
  .-ordered::before {
4041
4044
  position: absolute;
@@ -4053,7 +4056,7 @@ article.indexTextDS .indexTextHighlighted .link {
4053
4056
  --tw-text-opacity: 1;
4054
4057
  color: rgba(0, 0, 0, 1);
4055
4058
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4056
- content: counter(cnt1730197524977);
4059
+ content: counter(cnt1730207516278);
4057
4060
  }
4058
4061
  /*! ****************************/
4059
4062
  /*! DataPolicy stuff */
@@ -7016,14 +7019,14 @@ select:has(option:checked[value='']) {
7016
7019
  margin-bottom: 0px;
7017
7020
  }
7018
7021
 
7019
- .md\:mb-12 {
7020
- margin-bottom: 3rem;
7021
- }
7022
-
7023
7022
  .md\:mb-16 {
7024
7023
  margin-bottom: 4rem;
7025
7024
  }
7026
7025
 
7026
+ .md\:mb-2 {
7027
+ margin-bottom: 0.5rem;
7028
+ }
7029
+
7027
7030
  .md\:mb-3 {
7028
7031
  margin-bottom: 0.75rem;
7029
7032
  }
@@ -7237,8 +7240,8 @@ select:has(option:checked[value='']) {
7237
7240
  row-gap: 3.5rem;
7238
7241
  }
7239
7242
 
7240
- .md\:gap-y-5 {
7241
- row-gap: 1.25rem;
7243
+ .md\:gap-y-2 {
7244
+ row-gap: 0.5rem;
7242
7245
  }
7243
7246
 
7244
7247
  .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
package/dist/views/components/forms/components/backgroundBox.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
1
+ <div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
2
2
  {{> @partial-block }}
3
3
  </div>
package/dist/views/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5"
2
+ <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -75,7 +75,7 @@
75
75
  </label>
76
76
  </div>
77
77
  {{#unless _inGroup}}
78
- <div class="font-heading">
78
+ <div class="flex items-end justify-between min-h-5 font-heading">
79
79
  {{#if _description}}
80
80
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
81
81
  {{/if}}
package/dist/views/components/forms/components/choiceGroup.hbs CHANGED
@@ -5,8 +5,8 @@
5
5
  x-ignore
6
6
  {{/if}}
7
7
  >
8
- <div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
9
- <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
8
+ <div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
9
+ <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
10
10
  {{#if _hasBody}}
11
11
  {{decorator_body}}{{#if _required}}*{{/if}}
12
12
  {{else}}
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  {{/each}}
39
39
  </div>
40
- <div class="font-heading">
40
+ <div class="flex items-end justify-between min-h-5 font-heading">
41
41
  {{#if _description}}
42
42
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
43
43
  {{/if}}
package/dist/views/components/forms/components/fields.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  {{#if this.caption}}
5
5
  <fieldset>
6
- <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
6
+ <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
7
7
  {{~> components/forms/components/fields _formId=../_formId}}
8
8
  </fieldset>
9
9
  {{else}}
package/dist/views/components/forms/components/input.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/dist/views/components/forms/components/select.hbs CHANGED
@@ -43,7 +43,7 @@
43
43
  ">
44
44
  {{_label}}{{#if _required}}*{{/if}}
45
45
  </label>
46
- <div class="flex items-end justify-between h-5 font-heading">
46
+ <div class="flex items-end justify-between min-h-5 font-heading">
47
47
  {{#if _description}}
48
48
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
49
49
  {{/if}}
package/dist/views/components/forms/components/textarea.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/dist/views/components/forms/components/upload.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
1
+ <div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
4
4
  x-init="validateUpload()"
@@ -61,7 +61,7 @@
61
61
  </button>
62
62
  </div>
63
63
  </div>
64
- <div class="font-heading">
64
+ <div class="flex items-end justify-between min-h-5 font-heading">
65
65
  {{#if _description}}
66
66
  <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/if}}
package/dist/views_static/components/forms/components/backgroundBox.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
1
+ <div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
2
2
  {{> @partial-block }}
3
3
  </div>
package/dist/views_static/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5"
2
+ <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -75,7 +75,7 @@
75
75
  </label>
76
76
  </div>
77
77
  {{#unless _inGroup}}
78
- <div class="font-heading">
78
+ <div class="flex items-end justify-between min-h-5 font-heading">
79
79
  {{#if _description}}
80
80
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
81
81
  {{/if}}
package/dist/views_static/components/forms/components/choiceGroup.hbs CHANGED
@@ -5,8 +5,8 @@
5
5
  x-ignore
6
6
  {{/if}}
7
7
  >
8
- <div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
9
- <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
8
+ <div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
9
+ <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
10
10
  {{#if _hasBody}}
11
11
  {{decorator_body}}{{#if _required}}*{{/if}}
12
12
  {{else}}
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  {{/each}}
39
39
  </div>
40
- <div class="font-heading">
40
+ <div class="flex items-end justify-between min-h-5 font-heading">
41
41
  {{#if _description}}
42
42
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
43
43
  {{/if}}
package/dist/views_static/components/forms/components/fields.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  {{#if this.caption}}
5
5
  <fieldset>
6
- <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
6
+ <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
7
7
  {{~> components/forms/components/fields _formId=../_formId}}
8
8
  </fieldset>
9
9
  {{else}}
package/dist/views_static/components/forms/components/input.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/dist/views_static/components/forms/components/select.hbs CHANGED
@@ -43,7 +43,7 @@
43
43
  ">
44
44
  {{_label}}{{#if _required}}*{{/if}}
45
45
  </label>
46
- <div class="flex items-end justify-between h-5 font-heading">
46
+ <div class="flex items-end justify-between min-h-5 font-heading">
47
47
  {{#if _description}}
48
48
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
49
49
  {{/if}}
package/dist/views_static/components/forms/components/textarea.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/dist/views_static/components/forms/components/upload.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
1
+ <div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
4
4
  x-init="validateUpload()"
@@ -61,7 +61,7 @@
61
61
  </button>
62
62
  </div>
63
63
  </div>
64
- <div class="font-heading">
64
+ <div class="flex items-end justify-between min-h-5 font-heading">
65
65
  {{#if _description}}
66
66
  <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/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.113.3",
9
+ "version": "1.113.4",
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/forms/components/backgroundBox.hbs CHANGED
@@ -1,3 +1,3 @@
1
- <div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
1
+ <div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
2
2
  {{> @partial-block }}
3
3
  </div>
package/src/stories/views/components/forms/components/choice.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5"
2
+ <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -75,7 +75,7 @@
75
75
  </label>
76
76
  </div>
77
77
  {{#unless _inGroup}}
78
- <div class="font-heading">
78
+ <div class="flex items-end justify-between min-h-5 font-heading">
79
79
  {{#if _description}}
80
80
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
81
81
  {{/if}}
package/src/stories/views/components/forms/components/choiceGroup.hbs CHANGED
@@ -5,8 +5,8 @@
5
5
  x-ignore
6
6
  {{/if}}
7
7
  >
8
- <div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
9
- <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
8
+ <div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
9
+ <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
10
10
  {{#if _hasBody}}
11
11
  {{decorator_body}}{{#if _required}}*{{/if}}
12
12
  {{else}}
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  {{/each}}
39
39
  </div>
40
- <div class="font-heading">
40
+ <div class="flex items-end justify-between min-h-5 font-heading">
41
41
  {{#if _description}}
42
42
  <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
43
43
  {{/if}}
package/src/stories/views/components/forms/components/fields.hbs CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  {{#if this.caption}}
5
5
  <fieldset>
6
- <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
6
+ <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
7
7
  {{~> components/forms/components/fields _formId=../_formId}}
8
8
  </fieldset>
9
9
  {{else}}
package/src/stories/views/components/forms/components/input.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
 
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/src/stories/views/components/forms/components/select.hbs CHANGED
@@ -43,7 +43,7 @@
43
43
  ">
44
44
  {{_label}}{{#if _required}}*{{/if}}
45
45
  </label>
46
- <div class="flex items-end justify-between h-5 font-heading">
46
+ <div class="flex items-end justify-between min-h-5 font-heading">
47
47
  {{#if _description}}
48
48
  <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
49
49
  {{/if}}
package/src/stories/views/components/forms/components/textarea.hbs CHANGED
@@ -64,7 +64,7 @@
64
64
  {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
65
65
  </div>
66
66
  {{/if}}
67
- <div class="flex items-end justify-between h-5 font-heading">
67
+ <div class="flex items-end justify-between min-h-5 font-heading">
68
68
  {{#if _description}}
69
69
  <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
70
70
  {{/if}}
package/src/stories/views/components/forms/components/upload.hbs CHANGED
@@ -1,4 +1,4 @@
1
- <div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
1
+ <div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
2
2
  ax-load
3
3
  x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
4
4
  x-init="validateUpload()"
@@ -61,7 +61,7 @@
61
61
  </button>
62
62
  </div>
63
63
  </div>
64
- <div class="font-heading">
64
+ <div class="flex items-end justify-between min-h-5 font-heading">
65
65
  {{#if _description}}
66
66
  <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
67
67
  {{/if}}
package/src/stories/views/components/forms/form_upload.stories.js CHANGED
@@ -18,11 +18,11 @@ export default {
18
18
  }
19
19
  const Template = (args) => {
20
20
  let hbsTemplate = handlebars.compile(`
21
- {{#>components/forms/backgroundBox }}
21
+ {{#>components/forms/components/backgroundBox }}
22
22
  <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >
23
23
  {{> components/forms/components/fields }}
24
24
  </form>
25
- {{/components/forms/backgroundBox }}
25
+ {{/components/forms/components/backgroundBox }}
26
26
  `)
27
27
  return hbsTemplate({ ...args })
28
28
  }