srcdev-nuxt-forms 5.1.0 → 5.1.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 (18) hide show
  1. package/assets/styles/extends-layer/srcdev-forms/components/_form-fieldset.css +1 -1
  2. package/assets/styles/extends-layer/srcdev-forms/components/_input-checkbox.css +10 -10
  3. package/assets/styles/extends-layer/srcdev-forms/components/_input-label.css +2 -2
  4. package/assets/styles/extends-layer/srcdev-forms/components/_input-radio.css +10 -10
  5. package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_default.css +6 -6
  6. package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_large.css +6 -6
  7. package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_medium.css +6 -6
  8. package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_small.css +6 -6
  9. package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_x-small.css +5 -5
  10. package/assets/styles/extends-layer/srcdev-forms/setup/variants/_normal.css +2 -2
  11. package/assets/styles/extends-layer/srcdev-forms/setup/variants/_underlined.css +2 -2
  12. package/assets/styles/setup/index.css +1 -1
  13. package/assets/styles/setup/typography/utility-classes/_generic-font-classes.css +25 -25
  14. package/assets/styles/setup/typography/vars/_reponsive-font-sizes.css +8 -8
  15. package/assets/styles/setup/utility-classes/_page.css +1 -1
  16. package/components/forms/input-text/variants/InputTextWithLabel.vue +4 -4
  17. package/components/forms/input-textarea/variants/InputTextareaWithLabel.vue +4 -4
  18. package/package.json +1 -1
package/assets/styles/extends-layer/srcdev-forms/components/_form-fieldset.css CHANGED
@@ -3,7 +3,7 @@
3
3
  .form-fieldset {
4
4
  --form-fieldset-legend-text-color: var(--theme-form-input-text-label-color-normal);
5
5
  --form-fieldset-legend-text-margin-block: 0.8rem;
6
- --form-fieldset-legend-text-size: var(--step-2);
6
+ --form-fieldset-legend-text-size: var(--step-5);
7
7
  --form-fieldset-legend-text-weight: normal;
8
8
  --form-fieldset-legend-text-line-height: 1.5;
9
9
 
package/assets/styles/extends-layer/srcdev-forms/components/_input-checkbox.css CHANGED
@@ -22,23 +22,23 @@
22
22
 
23
23
  /* Size variants for radio buttons within a button */
24
24
  &.x-small {
25
- --form-input-checkbox-radio-button-symbol-size: var(--step-0);
25
+ --form-input-checkbox-radio-button-symbol-size: var(--step-3);
26
26
  }
27
27
 
28
28
  &.small {
29
- --form-input-checkbox-radio-button-symbol-size: var(--step-1);
29
+ --form-input-checkbox-radio-button-symbol-size: var(--step-4);
30
30
  }
31
31
 
32
32
  &.default {
33
- --form-input-checkbox-radio-button-symbol-size: var(--step-4);
33
+ --form-input-checkbox-radio-button-symbol-size: var(--step-7);
34
34
  }
35
35
 
36
36
  &.medium {
37
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
37
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
38
38
  }
39
39
 
40
40
  &.large {
41
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
41
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
42
42
  }
43
43
 
44
44
  /* Size variants for default checkbox */
@@ -48,23 +48,23 @@
48
48
  }
49
49
 
50
50
  &.x-small {
51
- --form-input-checkbox-radio-button-symbol-size: var(--step-0);
51
+ --form-input-checkbox-radio-button-symbol-size: var(--step-3);
52
52
  }
53
53
 
54
54
  &.small {
55
- --form-input-checkbox-radio-button-symbol-size: var(--step-1);
55
+ --form-input-checkbox-radio-button-symbol-size: var(--step-4);
56
56
  }
57
57
 
58
58
  &.default {
59
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
59
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
60
60
  }
61
61
 
62
62
  &.medium {
63
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
63
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
64
64
  }
65
65
 
66
66
  &.large {
67
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
67
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
68
68
  }
69
69
  }
70
70
  }
package/assets/styles/extends-layer/srcdev-forms/components/_input-label.css CHANGED
@@ -3,7 +3,7 @@
3
3
  .normal {
4
4
  --input-label-text-color: var(--theme-form-input-text-label-color-normal);
5
5
  --input-label-text-margin-block: 0.8rem;
6
- --input-label-text-size: var(--step-2);
6
+ --input-label-text-size: var(--step-5);
7
7
  --input-label-text-weight: normal;
8
8
  --input-label-text-line-height: 1.5;
9
9
  }
@@ -11,7 +11,7 @@
11
11
  .underlined {
12
12
  --input-label-text-color: var(--theme-form-input-text-label-color-normal);
13
13
  --input-label-text-margin-block: 0.8rem;
14
- --input-label-text-size: var(--step-2);
14
+ --input-label-text-size: var(--step-5);
15
15
  --input-label-text-weight: normal;
16
16
  --input-label-text-line-height: 1.5;
17
17
  }
package/assets/styles/extends-layer/srcdev-forms/components/_input-radio.css CHANGED
@@ -22,45 +22,45 @@
22
22
 
23
23
  /* Size variants for radio buttons within a button */
24
24
  &.x-small {
25
- --form-input-checkbox-radio-button-symbol-size: var(--step-0);
25
+ --form-input-checkbox-radio-button-symbol-size: var(--step-3);
26
26
  }
27
27
 
28
28
  &.small {
29
- --form-input-checkbox-radio-button-symbol-size: var(--step-1);
29
+ --form-input-checkbox-radio-button-symbol-size: var(--step-4);
30
30
  }
31
31
 
32
32
  &.default {
33
- --form-input-checkbox-radio-button-symbol-size: var(--step-4);
33
+ --form-input-checkbox-radio-button-symbol-size: var(--step-7);
34
34
  }
35
35
 
36
36
  &.medium {
37
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
37
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
38
38
  }
39
39
 
40
40
  &.large {
41
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
41
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
42
42
  }
43
43
 
44
44
  /* Size variants for default radio buttons */
45
45
  .button {
46
46
  &.x-small {
47
- --form-input-checkbox-radio-button-symbol-size: var(--step-0);
47
+ --form-input-checkbox-radio-button-symbol-size: var(--step-3);
48
48
  }
49
49
 
50
50
  &.small {
51
- --form-input-checkbox-radio-button-symbol-size: var(--step-1);
51
+ --form-input-checkbox-radio-button-symbol-size: var(--step-4);
52
52
  }
53
53
 
54
54
  &.default {
55
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
55
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
56
56
  }
57
57
 
58
58
  &.medium {
59
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
59
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
60
60
  }
61
61
 
62
62
  &.large {
63
- --form-input-checkbox-radio-button-symbol-size: var(--step-3);
63
+ --form-input-checkbox-radio-button-symbol-size: var(--step-6);
64
64
  }
65
65
  }
66
66
  }
package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_default.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  [data-size='default'] {
3
- --form-element-font-size: var(--step-2);
4
- --form-placeholder-font-size: calc(var(--step-2) * 0.65);
5
- --form-element-line-height: var(--step-2);
6
- --form-icon-size: var(--step-2);
3
+ --form-element-font-size: var(--step-5);
4
+ --form-placeholder-font-size: calc(var(--step-5) * 0.65);
5
+ --form-element-line-height: var(--step-5);
6
+ --form-icon-size: var(--step-5);
7
7
  --form-input-border-radius: 0.4rem;
8
- --form-icon-only-button-size: calc(var(--step-1) * 2.5 + 1px);
9
- --form-toggle-symbol-size: calc(var(--step-2) * 1.72);
8
+ --form-icon-only-button-size: calc(var(--step-4) * 2.5 + 1px);
9
+ --form-toggle-symbol-size: calc(var(--step-5) * 1.72);
10
10
  --form-toggle-switch-width-adjustment: 0.2rem;
11
11
  }
12
12
  }
package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_large.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  [data-size='large'] {
3
- --form-element-font-size: var(--step-3);
4
- --form-placeholder-font-size: calc(var(--step-3) * 0.65);
5
- --form-element-line-height: var(--step-3);
6
- --form-icon-size: var(--step-3);
3
+ --form-element-font-size: var(--step-6);
4
+ --form-placeholder-font-size: calc(var(--step-6) * 0.65);
5
+ --form-element-line-height: var(--step-6);
6
+ --form-icon-size: var(--step-6);
7
7
  --form-input-border-radius: 0.4rem;
8
- --form-icon-only-button-size: calc(var(--step-1) * 2.75 + 1px);
9
- --form-toggle-symbol-size: calc(var(--step-3) * 1.78);
8
+ --form-icon-only-button-size: calc(var(--step-4) * 2.75 + 1px);
9
+ --form-toggle-symbol-size: calc(var(--step-6) * 1.78);
10
10
  --form-toggle-switch-width-adjustment: 0rem;
11
11
  }
12
12
  }
package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_medium.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  [data-size='medium'] {
3
- --form-element-font-size: var(--step-3);
4
- --form-placeholder-font-size: calc(var(--step-3) * 0.65);
5
- --form-element-line-height: var(--step-3);
6
- --form-icon-size: var(--step-3);
3
+ --form-element-font-size: var(--step-6);
4
+ --form-placeholder-font-size: calc(var(--step-6) * 0.65);
5
+ --form-element-line-height: var(--step-6);
6
+ --form-icon-size: var(--step-6);
7
7
  --form-input-border-radius: 0.4rem;
8
- --form-icon-only-button-size: calc(var(--step-1) * 2.75 + 1px);
9
- --form-toggle-symbol-size: calc(var(--step-3) * 1.78);
8
+ --form-icon-only-button-size: calc(var(--step-4) * 2.75 + 1px);
9
+ --form-toggle-symbol-size: calc(var(--step-6) * 1.78);
10
10
  --form-toggle-switch-width-adjustment: 0rem;
11
11
  }
12
12
  }
package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_small.css CHANGED
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  [data-size='small'] {
3
- --form-element-font-size: var(--step-1);
4
- --form-placeholder-font-size: calc(var(--step-1) * 0.65);
5
- --form-element-line-height: var(--step-1);
6
- --form-icon-size: var(--step-1);
3
+ --form-element-font-size: var(--step-4);
4
+ --form-placeholder-font-size: calc(var(--step-4) * 0.65);
5
+ --form-element-line-height: var(--step-4);
6
+ --form-icon-size: var(--step-4);
7
7
  --form-input-border-radius: 0.4rem;
8
- --form-icon-only-button-size: calc(var(--step-1) * 2.25 + 1px);
9
- --form-toggle-symbol-size: calc(var(--step-1) * 1.635);
8
+ --form-icon-only-button-size: calc(var(--step-4) * 2.25 + 1px);
9
+ --form-toggle-symbol-size: calc(var(--step-4) * 1.635);
10
10
  --form-toggle-switch-width-adjustment: 0.3rem;
11
11
  }
12
12
  }
package/assets/styles/extends-layer/srcdev-forms/setup/sizes/_x-small.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  [data-size='x-small'] {
3
- --form-element-font-size: var(--step-0);
4
- --form-placeholder-font-size: calc(var(--step-0) * 0.65);
5
- --form-element-line-height: var(--step-0);
3
+ --form-element-font-size: var(--step-3);
4
+ --form-placeholder-font-size: calc(var(--step-3) * 0.65);
5
+ --form-element-line-height: var(--step-3);
6
6
  --form-input-border-radius: 0.4rem;
7
- --form-icon-only-button-size: calc(var(--step-1) * 2 + 1px);
8
- --form-toggle-symbol-size: calc(var(--step-0) * 1.55);
7
+ --form-icon-only-button-size: calc(var(--step-4) * 2 + 1px);
8
+ --form-toggle-symbol-size: calc(var(--step-3) * 1.55);
9
9
  --form-toggle-switch-width-adjustment: 0.5rem;
10
10
  }
11
11
  }
package/assets/styles/extends-layer/srcdev-forms/setup/variants/_normal.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --element-decorator-border-left-default: var(--form-element-border-width) solid var(--theme-form-input-border);
24
24
 
25
25
  --input-placeholder-color: light-dark(var(--gray-7), var(--gray-5));
26
- --input-placeholder-font-size: var(--step-2);
26
+ --input-placeholder-font-size: var(--step-5);
27
27
  --input-placeholder-font-style: italic;
28
28
  --input-placeholder-font-weight: normal;
29
29
  --input-placeholder-line-height: 1;
@@ -31,7 +31,7 @@
31
31
  /* Label vars */
32
32
  --_label-text-color: var(--theme-form-input-text-label-color-underlined);
33
33
  --_label-text-margin-block: 0.8rem;
34
- --_label-text-size: var(--step-2);
34
+ --_label-text-size: var(--step-5);
35
35
  --_label-text-weight: normal;
36
36
  --_label-text-line-height: 1.5;
37
37
 
package/assets/styles/extends-layer/srcdev-forms/setup/variants/_underlined.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --element-decorator-border-left-default: var(--form-element-border-width) solid transparent;
24
24
 
25
25
  --input-placeholder-color: light-dark(var(--gray-7), var(--gray-5));
26
- --input-placeholder-font-size: var(--step-2);
26
+ --input-placeholder-font-size: var(--step-5);
27
27
  --input-placeholder-font-style: italic;
28
28
  --input-placeholder-font-weight: normal;
29
29
  --input-placeholder-line-height: 1;
@@ -31,7 +31,7 @@
31
31
  /* Label vars */
32
32
  --_label-text-color: var(--theme-form-input-text-label-color-underlined);
33
33
  --_label-text-margin-block: 0.8rem;
34
- --_label-text-size: var(--step-2);
34
+ --_label-text-size: var(--step-5);
35
35
  --_label-text-weight: normal;
36
36
  --_label-text-line-height: 1.5;
37
37
 
package/assets/styles/setup/index.css CHANGED
@@ -1,5 +1,5 @@
1
+ @import './_head.css';
1
2
  @import './utility-classes/';
2
3
  @import './a11y/';
3
4
  @import './variables/';
4
5
  @import './typography/';
5
- @import './_head.css';
package/assets/styles/setup/typography/utility-classes/_generic-font-classes.css CHANGED
@@ -1,36 +1,36 @@
1
1
  :root {
2
2
  .heading-1 {
3
- font-size: var(--step-5);
3
+ font-size: var(--step-8);
4
4
  font-weight: bold;
5
5
  line-height: 1.3;
6
6
  }
7
7
 
8
8
  .heading-2 {
9
- font-size: var(--step-4);
9
+ font-size: var(--step-7);
10
10
  font-weight: bold;
11
11
  line-height: 1.3;
12
12
  }
13
13
 
14
14
  .heading-3 {
15
- font-size: var(--step-3);
15
+ font-size: var(--step-6);
16
16
  font-weight: bold;
17
17
  line-height: 1.3;
18
18
  }
19
19
 
20
20
  .heading-4 {
21
- font-size: var(--step-2);
21
+ font-size: var(--step-5);
22
22
  font-weight: bold;
23
23
  line-height: 1.3;
24
24
  }
25
25
 
26
26
  .heading-5 {
27
- font-size: var(--step-1);
27
+ font-size: var(--step-4);
28
28
  font-weight: bold;
29
29
  line-height: 1.3;
30
30
  }
31
31
 
32
32
  .heading-6 {
33
- font-size: var(--step-0);
33
+ font-size: var(--step-3);
34
34
  font-weight: bold;
35
35
  line-height: 1.3;
36
36
  }
@@ -38,19 +38,19 @@
38
38
  /* Body text */
39
39
 
40
40
  .body-large {
41
- font-size: var(--step-3);
41
+ font-size: var(--step-6);
42
42
  font-weight: normal;
43
43
  line-height: 1.5;
44
44
  }
45
45
 
46
46
  .body-medium {
47
- font-size: var(--step-2);
47
+ font-size: var(--step-5);
48
48
  font-weight: normal;
49
49
  line-height: 1.5;
50
50
  }
51
51
 
52
52
  .body-normal {
53
- font-size: var(--step-1);
53
+ font-size: var(--step-4);
54
54
  font-weight: normal;
55
55
  line-height: 1.5;
56
56
  }
@@ -62,67 +62,67 @@
62
62
  }
63
63
 
64
64
  .body-xsmall {
65
- font-size: var(--step--1);
65
+ font-size: var(--step-2);
66
66
  font-weight: normal;
67
67
  line-height: 1.5;
68
68
  }
69
69
 
70
70
  .body-large-semibold {
71
- font-size: var(--step-3);
71
+ font-size: var(--step-6);
72
72
  font-weight: 500;
73
73
  line-height: 1.5;
74
74
  }
75
75
 
76
76
  .body-medium-semibold {
77
- font-size: var(--step-2);
77
+ font-size: var(--step-5);
78
78
  font-weight: 500;
79
79
  line-height: 1.5;
80
80
  }
81
81
 
82
82
  .body-normal-semibold {
83
- font-size: var(--step-1);
83
+ font-size: var(--step-4);
84
84
  font-weight: 500;
85
85
  line-height: 1.5;
86
86
  }
87
87
 
88
88
  .body-small-semibold {
89
- font-size: var(--step-0);
89
+ font-size: var(--step-3);
90
90
  font-weight: 500;
91
91
  line-height: 1.5;
92
92
  }
93
93
 
94
94
  .body-xsmall-semibold {
95
- font-size: var(--step--1);
95
+ font-size: var(--step-2);
96
96
  font-weight: 500;
97
97
  line-height: 1.5;
98
98
  }
99
99
 
100
100
  .body-large-bold {
101
- font-size: var(--step-3);
101
+ font-size: var(--step-6);
102
102
  font-weight: bold;
103
103
  line-height: 1.5;
104
104
  }
105
105
 
106
106
  .body-medium-bold {
107
- font-size: var(--step-2);
107
+ font-size: var(--step-5);
108
108
  font-weight: bold;
109
109
  line-height: 1.5;
110
110
  }
111
111
 
112
112
  .body-normal-bold {
113
- font-size: var(--step-1);
113
+ font-size: var(--step-4);
114
114
  font-weight: bold;
115
115
  line-height: 1.5;
116
116
  }
117
117
 
118
118
  .body-small-bold {
119
- font-size: var(--step-0);
119
+ font-size: var(--step-3);
120
120
  font-weight: bold;
121
121
  line-height: 1.5;
122
122
  }
123
123
 
124
124
  .body-xsmall-bold {
125
- font-size: var(--step--1);
125
+ font-size: var(--step-2);
126
126
  font-weight: bold;
127
127
  line-height: 1.5;
128
128
  }
@@ -131,7 +131,7 @@
131
131
 
132
132
  .link-large {
133
133
  color: var(--theme-link-default);
134
- font-size: var(--step-3);
134
+ font-size: var(--step-6);
135
135
  font-weight: 600;
136
136
  line-height: 1.5;
137
137
  text-decoration: underline;
@@ -143,7 +143,7 @@
143
143
 
144
144
  .link-medium {
145
145
  color: var(--theme-link-default);
146
- font-size: var(--step-2);
146
+ font-size: var(--step-5);
147
147
  font-weight: 600;
148
148
  line-height: 1.5;
149
149
  text-decoration: underline;
@@ -155,7 +155,7 @@
155
155
 
156
156
  .link-normal {
157
157
  color: var(--theme-link-default);
158
- font-size: var(--step-1);
158
+ font-size: var(--step-4);
159
159
  font-weight: 600;
160
160
  line-height: 1.5;
161
161
  text-decoration: underline;
@@ -168,7 +168,7 @@
168
168
 
169
169
  .link-small {
170
170
  color: var(--theme-link-default);
171
- font-size: var(--step-0);
171
+ font-size: var(--step-3);
172
172
  font-weight: 600;
173
173
  line-height: 1.5;
174
174
  text-decoration: underline;
@@ -180,7 +180,7 @@
180
180
 
181
181
  .link-xsmall {
182
182
  color: var(--theme-link-default);
183
- font-size: var(--step--1);
183
+ font-size: var(--step-2);
184
184
  font-weight: 600;
185
185
  line-height: 1.5;
186
186
  text-decoration: underline;
package/assets/styles/setup/typography/vars/_reponsive-font-sizes.css CHANGED
@@ -1,10 +1,10 @@
1
1
  :root {
2
- --step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);
3
- --step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
4
- --step-3: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
5
- --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
6
- --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
7
- --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
8
- --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
9
- --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
2
+ --step-8: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem); /* 8 */
3
+ --step-7: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem); /* 7 */
4
+ --step-6: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem); /* 6 */
5
+ --step-5: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem); /* 5 */
6
+ --step-4: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem); /* 4 */
7
+ --step-3: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem); /* 3 */
8
+ --step-2: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem); /* 2 */
9
+ --step-1: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem); /* 1 */
10
10
  }
package/assets/styles/setup/utility-classes/_page.css CHANGED
@@ -27,7 +27,7 @@ li,
27
27
  a {
28
28
  color: light-dark(var(--gray-12), var(--gray-3));
29
29
  font-family: var(--font-family);
30
- font-size: var(--step-1);
30
+ font-size: var(--step-4);
31
31
  }
32
32
 
33
33
  body {
package/components/forms/input-text/variants/InputTextWithLabel.vue CHANGED
@@ -174,7 +174,7 @@ watch(
174
174
  /* Label vars */
175
175
  --_label-text-color: var(--theme-form-input-text-label-color-normal);
176
176
  --_label-text-margin-block: 0.8rem;
177
- --_label-text-size: var(--step-2);
177
+ --_label-text-size: var(--step-5);
178
178
  --_label-text-weight: normal;
179
179
  --_label-text-line-height: 1.5;
180
180
  --_label-text-background-color: var(--_input-text-with-label-background-color);
@@ -195,7 +195,7 @@ watch(
195
195
  &:has(.input-text-wrapper.dirty) {
196
196
  --_label-offset: 0 -3.2rem;
197
197
  --_label-text-weight: bolder;
198
- --_label-text-size: var(--step-1);
198
+ --_label-text-size: var(--step-4);
199
199
  /* line-height: 1.5; */
200
200
  /* padding: 0.2rem 1.2rem; */
201
201
  }
@@ -213,7 +213,7 @@ watch(
213
213
  &:has(.input-text-wrapper.dirty) {
214
214
  --_label-offset: 1rem -2.8rem;
215
215
  --_label-text-weight: normal;
216
- /* --_label-text-size: var(--step-1); */
216
+ /* --_label-text-size: var(--step-4); */
217
217
  /* line-height: 1.5; */
218
218
  /* padding: 0.2rem 1.2rem; */
219
219
  }
@@ -225,7 +225,7 @@ watch(
225
225
  &:has(.input-text-wrapper.active),
226
226
  &:has(.input-text-wrapper.dirty) {
227
227
  /* --_label-offset: 1rem -2.8rem; */
228
- /* font-size: var(--step-1); */
228
+ /* font-size: var(--step-4); */
229
229
  /* line-height: 1.5; */
230
230
  /* padding: 0.2rem 1.2rem; */
231
231
  }
package/components/forms/input-textarea/variants/InputTextareaWithLabel.vue CHANGED
@@ -141,7 +141,7 @@ watch(
141
141
  /* Label vars */
142
142
  --_label-textarea-color: var(--theme-form-input-text-label-color-normal);
143
143
  --_label-textarea-margin-block: 0.8rem;
144
- --_label-textarea-size: var(--step-2);
144
+ --_label-textarea-size: var(--step-5);
145
145
  --_label-textarea-weight: normal;
146
146
  --_label-textarea-height: auto;
147
147
  --_label-textarea-line-height: 1.5;
@@ -164,7 +164,7 @@ watch(
164
164
  &:has(.input-textarea-wrapper.dirty) {
165
165
  --_label-offset: 0 -3.2rem;
166
166
  --_label-textarea-weight: bolder;
167
- --_label-textarea-size: var(--step-1);
167
+ --_label-textarea-size: var(--step-4);
168
168
  /* line-height: 1.5; */
169
169
  /* padding: 0.2rem 1.2rem; */
170
170
  }
@@ -183,7 +183,7 @@ watch(
183
183
  &:has(.input-textarea-wrapper.dirty) {
184
184
  --_label-offset: 1rem -2.8rem;
185
185
  --_label-textarea-weight: normal;
186
- /* --_label-textarea-size: var(--step-1); */
186
+ /* --_label-textarea-size: var(--step-4); */
187
187
  /* line-height: 1.5; */
188
188
  /* padding: 0.2rem 1.2rem; */
189
189
  }
@@ -195,7 +195,7 @@ watch(
195
195
  &:has(.input-textarea-wrapper.active),
196
196
  &:has(.input-textarea-wrapper.dirty) {
197
197
  /* --_label-offset: 1rem -2.8rem; */
198
- /* font-size: var(--step-1); */
198
+ /* font-size: var(--step-4); */
199
199
  /* line-height: 1.5; */
200
200
  /* padding: 0.2rem 1.2rem; */
201
201
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "srcdev-nuxt-forms",
3
3
  "type": "module",
4
- "version": "5.1.0",
4
+ "version": "5.1.1",
5
5
  "main": "nuxt.config.ts",
6
6
  "scripts": {
7
7
  "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",