eigen/trackgo-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 12 Wiki Activity

feat: remove color styling for error, warning, success, and info states in input and textarea components

Browse Source
This commit is contained in:
Firman Ramdhani
2026-01-27 19:58:55 +07:00
parent 1e1d46cbb5
commit ffe78cf47d
3 changed files with 0 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/forms/styles/input-number.style.css
-4
View File
@@ -266,7 +266,6 @@
.input-number-variant-filled.input-number-status-error { .input-number-variant-filled.input-number-status-error {
background-color: var(--color-error-50); background-color: var(--color-error-50);
border-color: var(--color-error-500); border-color: var(--color-error-500);
color: var(--color-error-600);
} }
/* Actions Background & Border Sync (Error) */ /* Actions Background & Border Sync (Error) */
.input-number-variant-filled.input-number-status-error .rc-input-number-actions { .input-number-variant-filled.input-number-status-error .rc-input-number-actions {
@@ -289,7 +288,6 @@
.input-number-variant-filled.input-number-status-warning { .input-number-variant-filled.input-number-status-warning {
background-color: var(--color-warning-50); background-color: var(--color-warning-50);
border-color: var(--color-warning-500); border-color: var(--color-warning-500);
color: var(--color-warning-600);
} }
.input-number-variant-filled.input-number-status-warning .rc-input-number-actions { .input-number-variant-filled.input-number-status-warning .rc-input-number-actions {
background-color: var(--color-warning-50); background-color: var(--color-warning-50);
@@ -310,7 +308,6 @@
.input-number-variant-filled.input-number-status-success { .input-number-variant-filled.input-number-status-success {
background-color: var(--color-success-50); background-color: var(--color-success-50);
border-color: var(--color-success-500); border-color: var(--color-success-500);
color: var(--color-success-600);
} }
.input-number-variant-filled.input-number-status-success .rc-input-number-actions { .input-number-variant-filled.input-number-status-success .rc-input-number-actions {
background-color: var(--color-success-50); background-color: var(--color-success-50);
@@ -331,7 +328,6 @@
.input-number-variant-filled.input-number-status-info { .input-number-variant-filled.input-number-status-info {
background-color: var(--color-info-50); background-color: var(--color-info-50);
border-color: var(--color-info-500); border-color: var(--color-info-500);
color: var(--color-info-600);
} }
.input-number-variant-filled.input-number-status-info .rc-input-number-actions { .input-number-variant-filled.input-number-status-info .rc-input-number-actions {
background-color: var(--color-info-50); background-color: var(--color-info-50);
packages/ui/src/components/forms/styles/input.style.css
-1
View File
@@ -202,7 +202,6 @@
.input-variant-filled.input-status-error { .input-variant-filled.input-status-error {
background-color: var(--color-error-50); background-color: var(--color-error-50);
border-color: var(--color-error-500); border-color: var(--color-error-500);
color: var(--color-error-600);
} }
/* Saat focus, background jadi default input-bg (putih) */ /* Saat focus, background jadi default input-bg (putih) */
.input-variant-filled.input-status-error:focus, .input-variant-filled.input-status-error:focus,
packages/ui/src/components/forms/styles/textarea.style.css
-4
View File
@@ -138,7 +138,6 @@
.rc-textarea.textarea-variant-filled.textarea-status-error { .rc-textarea.textarea-variant-filled.textarea-status-error {
background-color: var(--color-error-50); background-color: var(--color-error-50);
border-color: var(--color-error-500); border-color: var(--color-error-500);
color: var(--color-error-600);
} }
.rc-textarea.textarea-variant-filled.textarea-status-error:focus { .rc-textarea.textarea-variant-filled.textarea-status-error:focus {
background-color: var(--input-bg); /* Reset ke putih saat typing */ background-color: var(--input-bg); /* Reset ke putih saat typing */
@@ -149,7 +148,6 @@
.rc-textarea.textarea-variant-filled.textarea-status-warning { .rc-textarea.textarea-variant-filled.textarea-status-warning {
background-color: var(--color-warning-50); background-color: var(--color-warning-50);
border-color: var(--color-warning-500); border-color: var(--color-warning-500);
color: var(--color-warning-600);
} }
.rc-textarea.textarea-variant-filled.textarea-status-warning:focus { .rc-textarea.textarea-variant-filled.textarea-status-warning:focus {
background-color: var(--input-bg); background-color: var(--input-bg);
@@ -160,7 +158,6 @@
.rc-textarea.textarea-variant-filled.textarea-status-success { .rc-textarea.textarea-variant-filled.textarea-status-success {
background-color: var(--color-success-50); background-color: var(--color-success-50);
border-color: var(--color-success-500); border-color: var(--color-success-500);
color: var(--color-success-600);
} }
.rc-textarea.textarea-variant-filled.textarea-status-success:focus { .rc-textarea.textarea-variant-filled.textarea-status-success:focus {
background-color: var(--input-bg); background-color: var(--input-bg);
@@ -171,7 +168,6 @@
.rc-textarea.textarea-variant-filled.textarea-status-info { .rc-textarea.textarea-variant-filled.textarea-status-info {
background-color: var(--color-info-50); background-color: var(--color-info-50);
border-color: var(--color-info-500); border-color: var(--color-info-500);
color: var(--color-info-600);
} }
.rc-textarea.textarea-variant-filled.textarea-status-info:focus { .rc-textarea.textarea-variant-filled.textarea-status-info:focus {
background-color: var(--input-bg); background-color: var(--input-bg);