diff --git a/.changeset/khaki-regions-beg.md b/.changeset/khaki-regions-beg.md new file mode 100644 index 000000000..04f4f2cb4 --- /dev/null +++ b/.changeset/khaki-regions-beg.md @@ -0,0 +1,5 @@ +--- +'@drivenets/design-system': patch +--- + +fix border-color of input based components in disabled state diff --git a/packages/design-system/src/styles/shared/_input.scss b/packages/design-system/src/styles/shared/_input.scss index af6c3a315..d13915953 100644 --- a/packages/design-system/src/styles/shared/_input.scss +++ b/packages/design-system/src/styles/shared/_input.scss @@ -57,7 +57,7 @@ $textarea-height-default: 120px; &:has(.input:disabled) { color: var(--color-background-deselected); - border-color: var(--color-border-disabled); + border-color: var(--border-border-disabled); cursor: not-allowed; .input { @@ -81,7 +81,7 @@ $textarea-height-default: 120px; &:disabled { color: var(--color-background-deselected); - border-color: var(--color-border-disabled); + border-color: var(--border-border-disabled); cursor: not-allowed; } } @@ -127,7 +127,7 @@ $textarea-height-default: 120px; &[data-disabled] { color: var(--color-background-deselected); - border-color: var(--color-border-disabled); + border-color: var(--border-border-disabled); &, & * {