From d15060000a68b2412e62039b3d5842e512276d3d Mon Sep 17 00:00:00 2001
From: Doug MacKenzie <doug.mackenzie@cultureamp.com>
Date: Tue, 22 Oct 2024 16:43:13 +1100
Subject: [PATCH] Linting

---
 .../src/TextArea/TextArea.module.css          | 24 +++++++++----------
 packages/components/styles/utils/_forms.scss  |  4 +---
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/packages/components/src/TextArea/TextArea.module.css b/packages/components/src/TextArea/TextArea.module.css
index 2984254534e..d45baffa93c 100644
--- a/packages/components/src/TextArea/TextArea.module.css
+++ b/packages/components/src/TextArea/TextArea.module.css
@@ -57,13 +57,6 @@
 }
 
 .default {
-  &:focus:not([disabled]),
-  &:hover:not([disabled]),
-  &:hover:focus:not([disabled]) {
-    background-color: var(--color-gray-200);
-    border-color: var(--color-gray-600);
-  }
-
   &:not(.error, .caution) {
     &:disabled {
       border-color: rgba(
@@ -73,6 +66,13 @@
     }
   }
 
+  &:focus:not([disabled]),
+  &:hover:not([disabled]),
+  &:hover:focus:not([disabled]) {
+    background-color: var(--color-gray-200);
+    border-color: var(--color-gray-600);
+  }
+
   &.error {
     border-color: var(--color-red-500);
 
@@ -84,7 +84,7 @@
   }
 
   &.caution {
-    border-color: var(---color-yellow-600);
+    border-color: var(--color-yellow-600);
 
     &:focus:not([disabled]),
     &:hover:not([disabled]),
@@ -105,6 +105,10 @@
   background: transparent;
   color: var(--color-white);
 
+  &:focus {
+    outline-color: var(--color-blue-300);
+  }
+
   &:focus:not([disabled]),
   &:hover:not([disabled]),
   &:hover:focus:not([disabled]) {
@@ -112,10 +116,6 @@
     border-color: var(--color-white);
   }
 
-  &:focus {
-    outline-color: var(--color-blue-300);
-  }
-
   &.error {
     border-color: var(--color-red-300);
 
diff --git a/packages/components/styles/utils/_forms.scss b/packages/components/styles/utils/_forms.scss
index 2ce68dfe4fe..a611f0fde80 100644
--- a/packages/components/styles/utils/_forms.scss
+++ b/packages/components/styles/utils/_forms.scss
@@ -23,9 +23,7 @@ $input-placeholder-line-height: 2.9rem;
 }
 
 @mixin form-input-placeholder() {
-  &::-webkit-input-placeholder,
-  &:-moz-placeholder,
-  &:-ms-input-placeholder {
+  &::placeholder {
     font-family: $typography-paragraph-body-font-family;
     font-size: $typography-paragraph-body-font-size;
     font-weight: $typography-paragraph-body-font-weight;