diff --git a/packages/components/src/components/input/input.ts b/packages/components/src/components/input/input.ts index 92ca78aac..11b91a005 100644 --- a/packages/components/src/components/input/input.ts +++ b/packages/components/src/components/input/input.ts @@ -450,16 +450,6 @@ export default class SdInput extends SolidElement implements SolidFormControl { // Conditional Styles const textSize = this.size === 'sm' ? 'text-sm' : 'text-base'; - const textColor = { - disabled: 'text-neutral-500', - readonly: 'text-black', - activeInvalid: 'text-error', - activeValid: 'text-black', - active: 'text-black', - invalid: 'text-error', - valid: 'text-black', - default: 'text-black' - }[inputState]; const borderColor = { disabled: 'border-neutral-500', @@ -507,7 +497,7 @@ export default class SdInput extends SolidElement implements SolidFormControl { // States !this.disabled && !this.readonly ? 'hover:bg-neutral-200' : '', this.readonly ? 'bg-neutral-100' : 'bg-white', - textColor + inputState === 'disabled' ? 'text-neutral-500' : 'text-black' )} > ${slots['left'] diff --git a/packages/components/src/components/select/select.ts b/packages/components/src/components/select/select.ts index 4de59bdc7..95b451f90 100644 --- a/packages/components/src/components/select/select.ts +++ b/packages/components/src/components/select/select.ts @@ -841,19 +841,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
@@ -989,7 +977,7 @@ export default class SdSelect extends SolidElement implements SolidFormControl { ? html` diff --git a/packages/components/src/components/textarea/textarea.ts b/packages/components/src/components/textarea/textarea.ts index 42d42658c..77d077285 100644 --- a/packages/components/src/components/textarea/textarea.ts +++ b/packages/components/src/components/textarea/textarea.ts @@ -370,18 +370,9 @@ export default class SdTextarea extends SolidElement implements SolidFormControl md: 'textarea-md py-1', lg: 'textarea-lg py-2' }[this.size], - { - disabled: 'text-neutral-500', - readonly: 'text-black', - activeInvalid: 'text-error', - activeValid: 'text-success', - active: 'text-black', - invalid: 'text-error', - valid: 'text-success', - default: 'text-black' - }[textareaState], !this.disabled && !this.readonly ? 'hover:bg-neutral-200' : '', - this.readonly ? 'bg-neutral-100' : 'bg-white' + this.readonly ? 'bg-neutral-100' : 'bg-white', + textareaState === 'disabled' ? 'text-neutral-500' : 'text-black' )} >