@@ -159,11 +157,6 @@ const props = defineProps({
type: Number,
},
- outline: {
- type: Boolean,
- default: false,
- },
-
labelProps: {
type: Object,
description: 'Object with props, passed down to wt-label as props',
@@ -299,34 +292,21 @@ onMounted(() => {
width: 100%;
padding: var(--input-padding);
transition: var(--transition);
- color: var(--form-input-color);
border: var(--input-border);
- border-color: var(--form-border-color);
+ border-color: var(--wt-text-field-input-border-color);
border-radius: var(--border-radius);
- &:focus {
- @include wt-placeholder('focus');
- border-color: var(--form-border--hover-color);
- }
-
- .wt-input--outline & {
- border-color: var(--form-outline-border-color);
- }
-
- .wt-input--outline:hover &,
- .wt-input--outline &:focus {
- border-color: var(--form-outline-border--hover-color);
- }
-
.wt-input--invalid &,
.wt-input--invalid:hover & {
- border-color: var(--false-color);
+ @include wt-placeholder('error');
+ color: var(--wt-text-field-error-text-color);
+ border-color: var(--wt-text-field-input-border-error-color);
outline: none; // prevent outline overlapping false color
}
.wt-input--disabled & {
@include wt-placeholder('disabled');
- border-color: var(--form-border--disabled-color);
+ border-color: var(--wt-text-field-input-border-disabled-color);
background: var(--form-border--disabled-color);
}
}
diff --git a/src/components/wt-label/_variables.scss b/src/components/wt-label/_variables.scss
index 393db7fc5..6432dd743 100644
--- a/src/components/wt-label/_variables.scss
+++ b/src/components/wt-label/_variables.scss
@@ -1,4 +1,6 @@
:root {
- --label--invalid-color: var(--false-color);
-}
\ No newline at end of file
+ --wt-label-color: var(--text-main-color);
+ --wt-label-error-color: var(--text-error-color);
+ --wt-label-disabled-color: var(--text-disabled-color);
+}
diff --git a/src/components/wt-label/wt-label.vue b/src/components/wt-label/wt-label.vue
index 9eebcf129..caab8eb3c 100644
--- a/src/components/wt-label/wt-label.vue
+++ b/src/components/wt-label/wt-label.vue
@@ -2,7 +2,6 @@