metamask-extension/ui/components/component-library/form-text-field/form-text-field.scss

.mm-form-text-field {
  --text-opacity-disabled: 0.5;

  &--disabled {
    .mm-form-text-field__label,
    .mm-form-text-field__help-text {
      opacity: var(--text-opacity-disabled);
      cursor: default;
    }
  }
}
Adding `FormTextField` component (#16497) * Adding FormTextField component * Adding to index.js * Adding id, label and helptext stories * Removing unneeded htmlFor and fixing accessibility on helpText story * Fixing issues with review suggestions * Fixing lint issue * Adding snapshot test 2022-11-22 22:04:27 +01:00			`.mm-form-text-field {`
Updating Label component (#17731) 2023-02-15 15:29:26 +01:00			`--text-opacity-disabled: 0.5;`
Adding `FormTextField` component (#16497) * Adding FormTextField component * Adding to index.js * Adding id, label and helptext stories * Removing unneeded htmlFor and fixing accessibility on helpText story * Fixing issues with review suggestions * Fixing lint issue * Adding snapshot test 2022-11-22 22:04:27 +01:00
			`&--disabled {`
Updating Label component (#17731) 2023-02-15 15:29:26 +01:00			`.mm-form-text-field__label,`
Adding `FormTextField` component (#16497) * Adding FormTextField component * Adding to index.js * Adding id, label and helptext stories * Removing unneeded htmlFor and fixing accessibility on helpText story * Fixing issues with review suggestions * Fixing lint issue * Adding snapshot test 2022-11-22 22:04:27 +01:00			`.mm-form-text-field__help-text {`
Updating Label component (#17731) 2023-02-15 15:29:26 +01:00			`opacity: var(--text-opacity-disabled);`
			`cursor: default;`
Adding `FormTextField` component (#16497) * Adding FormTextField component * Adding to index.js * Adding id, label and helptext stories * Removing unneeded htmlFor and fixing accessibility on helpText story * Fixing issues with review suggestions * Fixing lint issue * Adding snapshot test 2022-11-22 22:04:27 +01:00			`}`
			`}`
			`}`