srcdev-nuxt-forms 2.4.19 → 2.4.21
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/components/forms/c12/prop-validators/index.ts +1 -1
- package/components/forms/form-errors/InputError.vue +4 -1
- package/components/forms/input-text/variants/InputTextWithLabel.vue +3 -3
- package/components/forms/input-textarea/variants/InputTextareaWithLabel.vue +2 -2
- package/package.json +1 -1
|
@@ -23,7 +23,7 @@ export const propValidators = {
|
|
|
23
23
|
'fvs-wght-800',
|
|
24
24
|
'fvs-wght-900',
|
|
25
25
|
],
|
|
26
|
-
theme: ['primary', 'secondary', 'tertiary', 'ghost', 'error', 'success', 'warning', 'input-action'],
|
|
26
|
+
theme: ['primary', 'secondary', 'tertiary', 'ghost', 'error', 'success', 'warning', 'input-action', 'input-action-underlined'],
|
|
27
27
|
checkboxAppearance: [null, 'with-decorator'],
|
|
28
28
|
checkboxStyle: ['check', 'cross'],
|
|
29
29
|
radioAppearance: [null, 'with-decorator'],
|
|
@@ -73,6 +73,7 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
|
|
|
73
73
|
--_opacity-hide: 0;
|
|
74
74
|
--_opacity: var(--_opacity-hide);
|
|
75
75
|
|
|
76
|
+
--_border-radius: 0 0 0.4rem 0.4rem;
|
|
76
77
|
--_display-show: block;
|
|
77
78
|
--_display-hide: none;
|
|
78
79
|
--_display: var(--_display-hide);
|
|
@@ -97,7 +98,7 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
|
|
|
97
98
|
|
|
98
99
|
color: var(--theme-error-text);
|
|
99
100
|
background-color: var(--theme-error-surface);
|
|
100
|
-
border-radius:
|
|
101
|
+
border-radius: var(--_border-radius);
|
|
101
102
|
|
|
102
103
|
transition-property: grid-template-rows;
|
|
103
104
|
transition-duration: var(--_transition-duration);
|
|
@@ -110,9 +111,11 @@ const { elementClasses, updateElementClasses } = useStyleClassPassthrough(props.
|
|
|
110
111
|
}
|
|
111
112
|
|
|
112
113
|
&.outlined {
|
|
114
|
+
--_border-radius: 0;
|
|
113
115
|
}
|
|
114
116
|
|
|
115
117
|
&.underlined {
|
|
118
|
+
--_border-radius: 0;
|
|
116
119
|
}
|
|
117
120
|
|
|
118
121
|
.inner {
|
|
@@ -179,7 +179,7 @@ watch(
|
|
|
179
179
|
|
|
180
180
|
&.underlined {
|
|
181
181
|
--_label-text-color: var(--theme-form-input-text-label-color-underlined);
|
|
182
|
-
--_label-offset: 1rem 0;
|
|
182
|
+
--_label-offset: 1rem 0.2rem;
|
|
183
183
|
--_input-text-with-label-background-color: color-mix(in srgb, currentColor 5%, transparent);
|
|
184
184
|
|
|
185
185
|
--_input-text-wrapper-underlined-border-radius-top-left: 0;
|
|
@@ -191,7 +191,7 @@ watch(
|
|
|
191
191
|
|
|
192
192
|
&:has(.input-text-wrapper.active),
|
|
193
193
|
&:has(.input-text-wrapper.dirty) {
|
|
194
|
-
--_label-offset: 0 -
|
|
194
|
+
--_label-offset: 0 -3.2rem;
|
|
195
195
|
--_label-text-weight: bolder;
|
|
196
196
|
--_label-text-size: var(--step-1);
|
|
197
197
|
/* line-height: 1.5; */
|
|
@@ -202,7 +202,7 @@ watch(
|
|
|
202
202
|
&.outlined {
|
|
203
203
|
--_label-text-color: var(--theme-form-input-text-label-color-outlined);
|
|
204
204
|
|
|
205
|
-
--_label-offset: 1rem 0;
|
|
205
|
+
--_label-offset: 1rem -0.2rem;
|
|
206
206
|
--_input-text-with-label-background-color: var(--theme-form-input-bg-normal);
|
|
207
207
|
|
|
208
208
|
--_input-text-wrapper-padding-block: 0.4em 0;
|
|
@@ -160,7 +160,7 @@ watch(
|
|
|
160
160
|
|
|
161
161
|
&:has(.input-textarea-wrapper.active),
|
|
162
162
|
&:has(.input-textarea-wrapper.dirty) {
|
|
163
|
-
--_label-offset: 0 -
|
|
163
|
+
--_label-offset: 0 -3.2rem;
|
|
164
164
|
--_label-textarea-weight: bolder;
|
|
165
165
|
--_label-textarea-size: var(--step-1);
|
|
166
166
|
/* line-height: 1.5; */
|
|
@@ -174,7 +174,7 @@ watch(
|
|
|
174
174
|
--_label-offset: 1rem 0;
|
|
175
175
|
--_input-textarea-with-label-background-color: var(--theme-form-input-bg-normal);
|
|
176
176
|
|
|
177
|
-
--_input-textarea-wrapper-padding-block: 0.4em;
|
|
177
|
+
--_input-textarea-wrapper-padding-block: 0.4em 0;
|
|
178
178
|
--_label-textarea-height: fit-content;
|
|
179
179
|
|
|
180
180
|
&:has(.input-textarea-wrapper.active),
|
package/package.json
CHANGED