Merge pull request #147 from Genymobile/dev/player-82-change-error-classname-for-textinput-component

change error classname on text input component

Author: jparez

src/plugins/util/components.js

@@ -287,7 +287,7 @@ const textInput = (() => {
 
         const setErrorMessage = (message) => {
             if (!message) {
-                inputMessage.classList.remove('error');
+                inputMessage.classList.remove('gm-error');
                 inputMessage.removeAttribute('data-error');
                 inputMessage.classList.add('hidden');
                 if (unitText) {
@@ -297,7 +297,7 @@ const textInput = (() => {
                 }
                 return;
             }
-            inputMessage.classList.add('error');
+            inputMessage.classList.add('gm-error');
             inputMessage.setAttribute('data-error', message);
             inputMessage.classList.remove('hidden');
             unitTextSpan.classList.add('hidden');

src/scss/components/_textInput.scss

@@ -45,7 +45,7 @@
                 height: calc(16px + $spacing-m);
             }
         }
-        &:has(.text-input-message.error) .text-input-container {
+        &:has(.text-input-message.gm-error) .text-input-container {
             border-bottom: 1px solid var(--gm-error-color);
         }
         .text-input-bottom {
@@ -76,7 +76,7 @@
                 display: none;
             }
 
-            &.error {
+            &.gm-error {
                 display: flex;
                 justify-content: space-between;