diff --git a/demo/api.md b/demo/api.md index e74f985..857d506 100644 --- a/demo/api.md +++ b/demo/api.md @@ -1177,7 +1177,6 @@ The component may be restyled using the following code sample and changing the v --ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #{$ds-color-text-ui-focus-default}); --ds-auro-input-help-text-color: var(--ds-color-text-tertiary-default, #{$ds-color-text-tertiary-default}); --ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #{$ds-color-text-tertiary-default}); - --ds-auro-input-notification-icon-color: var(--ds-color-alert-error-default, #{$ds-color-alert-error-default}); --ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default}); --ds-auro-input-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default}); } diff --git a/src/color.scss b/src/color.scss index 28f5e57..737140a 100644 --- a/src/color.scss +++ b/src/color.scss @@ -38,7 +38,7 @@ input { } &:disabled { - --ds-auro-input-input-text-color: var(--ds-color-text-disabled-default, #{$ds-color-text-disabled-default}); + --ds-auro-input-input-text-color: var(--ds-color-text-ui-disabled-default, #{$ds-color-text-ui-disabled-default}); } } @@ -90,5 +90,5 @@ label { :host([disabled]) { --ds-auro-input-border-color: var(--ds-color-border-ui-disabled-default, #{$ds-color-border-ui-disabled-default}); - --ds-auro-input-label-text-color: var(--ds-color-text-disabled-default, #{$ds-color-text-disabled-default}); + --ds-auro-input-label-text-color: var(--ds-color-text-ui-disabled-default, #{$ds-color-text-ui-disabled-default}); } diff --git a/src/tokens.scss b/src/tokens.scss index ffe14dc..6931112 100644 --- a/src/tokens.scss +++ b/src/tokens.scss @@ -6,7 +6,6 @@ --ds-auro-input-caret-color: var(--ds-color-text-ui-focus-default, #{$ds-color-text-ui-focus-default}); --ds-auro-input-help-text-color: var(--ds-color-text-tertiary-default, #{$ds-color-text-tertiary-default}); --ds-auro-input-label-text-color: var(--ds-color-text-tertiary-default, #{$ds-color-text-tertiary-default}); - --ds-auro-input-notification-icon-color: var(--ds-color-alert-error-default, #{$ds-color-alert-error-default}); --ds-auro-input-placeholder-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default}); --ds-auro-input-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default}); }