diff --git a/.changeset/loud-planes-chew.md b/.changeset/loud-planes-chew.md new file mode 100644 index 000000000..2787b2774 --- /dev/null +++ b/.changeset/loud-planes-chew.md @@ -0,0 +1,5 @@ +--- +'@drivenets/design-system': patch +--- + +remove unused form-control css mixins diff --git a/packages/design-system/src/styles/shared/_input.scss b/packages/design-system/src/styles/shared/_input.scss index 74287391c..6676da12e 100644 --- a/packages/design-system/src/styles/shared/_input.scss +++ b/packages/design-system/src/styles/shared/_input.scss @@ -88,24 +88,6 @@ $textarea-height-default: 120px; } } -@mixin form-control-states { - &:hover:not(:disabled) { - border-color: var(--form-control-border-color, var(--color-background-action-hover)); - } - - &:focus { - border-color: var(--form-control-border-color, var(--color-border-action-primary)); - outline: none; - } - - &:disabled { - color: var(--color-background-deselected); - background: var(--color-background-secondary); - border-color: var(--color-border-disabled); - cursor: not-allowed; - } -} - @mixin select-trigger-states { &:hover:not([data-disabled]) { border-color: var(--form-control-border-color, var(--color-background-action-hover)); @@ -245,22 +227,6 @@ $textarea-height-default: 120px; } } -// Form control base styles -@mixin formControl { - @include base-input-container; - @include form-control-states; - cursor: pointer; - justify-content: space-between; -} - -@mixin formControlSmall { - max-height: $input-text-height-small; -} - -@mixin formControlDefault { - max-height: $input-text-height-default; -} - // Select trigger styles @mixin selectControl { display: grid;