/**
 * @license EUPL-1.2
 * Copyright (c) 2021 The Knights Who Say NIH! B.V.
 * Copyright (c) 2021 Gemeente Utrecht
 */

@import "~@utrecht/focus-ring-css/src/mixin";
@import "./mixin";

.utrecht-button {
  @include utrecht-button;
  @include utrecht-button--media-query-forced-colors;
}

.utrecht-button--distanced {
  @include utrecht-button--distanced;
}

.utrecht-button--submit {
  /* lower priority specificty than busy and disabled cursor */
  @include utrecht-button--submit;
}

.utrecht-button--busy {
  @include utrecht-button--busy;
}

.utrecht-button--pressed {
  @include utrecht-button--pressed;
}

.utrecht-button:disabled,
.utrecht-button--disabled {
  @include utrecht-button--disabled;
}

.utrecht-button--focus-visible {
  /* the pseudo-class for `:focus-visible` is implemented via the mixin */
  @include utrecht-focus-visible;
}

.utrecht-button--focus:not(.utrecht-button--disabled) {
  @include utrecht-button--focus;
}

.utrecht-button:focus-visible {
  @include utrecht-button--focus-visible;
}

.utrecht-button:focus:not(:disabled, [aria-disabled="true"], .utrecht-button--disabled) {
  @include utrecht-button--focus;
}

.utrecht-button--hover:not(:disabled, .utrecht-button--disabled),
.utrecht-button:hover:not(:disabled, [aria-disabled="true"], .utrecht-button--disabled) {
  @include utrecht-button--hover;
}

.utrecht-button:active:not(:disabled, [aria-disabled="true"], .utrecht-button--disabled),
.utrecht-button--active {
  @include utrecht-button--active;
}

.utrecht-button__label {
  @include utrecht-button__label;
}

@include utrecht-button-appearance("utrecht-button", "primary-action");
@include utrecht-button-appearance("utrecht-button", "secondary-action");
@include utrecht-button-appearance("utrecht-button", "subtle");

@include utrecht-button-hint("utrecht-button", "primary-action", "danger");
@include utrecht-button-hint("utrecht-button", "primary-action", "ready");
@include utrecht-button-hint("utrecht-button", "primary-action", "warning");

@include utrecht-button-hint("utrecht-button", "secondary-action", "danger");
@include utrecht-button-hint("utrecht-button", "secondary-action", "ready");
@include utrecht-button-hint("utrecht-button", "secondary-action", "warning");

@include utrecht-button-hint("utrecht-button", "subtle", "danger");
@include utrecht-button-hint("utrecht-button", "subtle", "ready");
@include utrecht-button-hint("utrecht-button", "subtle", "warning");