@dataloop-ai/components 0.17.104 → 0.17.105
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/package.json
CHANGED
|
@@ -401,6 +401,15 @@ export default defineComponent({
|
|
|
401
401
|
}
|
|
402
402
|
return classes
|
|
403
403
|
},
|
|
404
|
+
getBorderColor(): string {
|
|
405
|
+
if (this.error) {
|
|
406
|
+
return `var(--dl-color-negative)`
|
|
407
|
+
} else if (this.warning) {
|
|
408
|
+
return `var(--dl-color-warning)`
|
|
409
|
+
} else {
|
|
410
|
+
return `var(--dl-color-secondary)`
|
|
411
|
+
}
|
|
412
|
+
},
|
|
404
413
|
cssVars(): Record<string, any> {
|
|
405
414
|
let inputMargin = this.margin
|
|
406
415
|
|
|
@@ -408,7 +417,8 @@ export default defineComponent({
|
|
|
408
417
|
inputMargin = '0px 20px 0px 0px'
|
|
409
418
|
}
|
|
410
419
|
return {
|
|
411
|
-
'--dl-input-margin': inputMargin
|
|
420
|
+
'--dl-input-margin': inputMargin,
|
|
421
|
+
'--dl-input-border-color-hover': this.getBorderColor
|
|
412
422
|
}
|
|
413
423
|
},
|
|
414
424
|
inputClasses(): string[] {
|
|
@@ -765,14 +775,12 @@ export default defineComponent({
|
|
|
765
775
|
&--error {
|
|
766
776
|
border-color: var(--dl-color-negative);
|
|
767
777
|
&:hover {
|
|
768
|
-
border-color: var(--dl-color-separator) !important;
|
|
769
778
|
}
|
|
770
779
|
}
|
|
771
780
|
|
|
772
781
|
&--warning {
|
|
773
|
-
border-color: var(--dl-color-
|
|
782
|
+
border-color: var(--dl-input-border-color-hover);
|
|
774
783
|
&:hover {
|
|
775
|
-
border-color: var(--dl-color-separator) !important;
|
|
776
784
|
}
|
|
777
785
|
}
|
|
778
786
|
|
|
@@ -782,11 +790,11 @@ export default defineComponent({
|
|
|
782
790
|
}
|
|
783
791
|
|
|
784
792
|
&:hover {
|
|
785
|
-
border-color: var(--dl-color-
|
|
793
|
+
border-color: var(--dl-input-border-color-hover);
|
|
786
794
|
}
|
|
787
795
|
|
|
788
796
|
&:focus {
|
|
789
|
-
border-color: var(--dl-color-
|
|
797
|
+
border-color: var(--dl-input-border-color-hover);
|
|
790
798
|
}
|
|
791
799
|
|
|
792
800
|
&:disabled {
|