budibase/packages/standard-components/node_modules/@spectrum-css/radio/skin.css

/*
Copyright 2019 Adobe. All rights reserved.
This file is licensed to you under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License. You may obtain a copy
of the License at http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
OF ANY KIND, either express or implied. See the License for the specific language
governing permissions and limitations under the License.
*/

.spectrum-Radio {
  /* todo: fix in DNA */
  --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: var(
    --spectrum-radio-m-emphasized-circle-border-color-selected-hover
  );
}

.spectrum-Radio-input {
  &:checked + .spectrum-Radio-button {
    &:before {
      border-color: var(
        --spectrum-radio-m-circle-border-color-selected
      );
    }
  }
}

.spectrum-Radio-label {
  color: var(--spectrum-radio-m-text-color);
}

.spectrum-Radio-button {
  &:before {
    forced-color-adjust: none;
    background-color: var(--spectrum-radio-m-circle-background-color);
    border-color: var(--spectrum-radio-m-circle-border-color);
  }
}

.spectrum-Radio {
  &:hover {
    .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-circle-border-color-hover
        );
        box-shadow: none;
      }
    }

    .spectrum-Radio-input:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-circle-border-color-selected-hover
        );
      }
    }

    .spectrum-Radio-label {
      color: var(--spectrum-radio-m-text-color-hover);
    }
  }

  &:active {
    .spectrum-Radio-button {
      &:before {
        border-color: var(--spectrum-radio-m-circle-border-color-down);
      }
    }

    .spectrum-Radio-input:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-circle-border-color-selected-down
        );
      }
    }

    .spectrum-Radio-label {
      color: var(--spectrum-radio-m-text-color-down);
    }
  }
}

.spectrum-Radio--emphasized {
  .spectrum-Radio-input:checked + .spectrum-Radio-button {
    &:before {
      border-color: var(
        --spectrum-radio-m-emphasized-circle-border-color-selected
      );
    }
  }
  &:hover {
    .spectrum-Radio-input:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-circle-border-color-selected-hover
        );
      }
    }
  }
  &:active {
    .spectrum-Radio-input:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-circle-border-color-selected-down
        );
      }
    }
  }
}

.spectrum-Radio,
.spectrum-Radio--emphasized {
  &.is-invalid:hover {
    .spectrum-Radio-input + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-circle-border-color-error-hover
        );
      }
    }
    .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error-hover);
    }
  }
  &.is-invalid:active {
    .spectrum-Radio-input + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-text-color-error-hover        );
      }
    }
    .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error-down);
    }
  }
  &.is-invalid {
    .spectrum-Radio-button,
    .spectrum-Radio-input:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-circle-border-color-error
        );
      }
    }
    .spectrum-Radio-label {
      color: var(--spectrum-radio-m-emphasized-text-color-error);
    }
  }
}

.spectrum-Radio .spectrum-Radio-input,
.spectrum-Radio .spectrum-Radio-input:checked {
  &:disabled + .spectrum-Radio-button {
    &:before {
      border-color: var(
        --spectrum-radio-m-emphasized-circle-border-color-disabled
      );
    }
  }

  &:disabled ~ .spectrum-Radio-label {
    color: var(--spectrum-radio-m-emphasized-text-color-disabled);
  }
}

/* Focus Overrides all */
.spectrum-Radio,
.spectrum-Radio--emphasized {
  & .spectrum-Radio-input:focus-ring,
  &:hover .spectrum-Radio-input:focus-ring {
    & + .spectrum-Radio-button {
      &:before {
        border-color: var(--spectrum-radio-m-circle-border-color-key-focus);
      }
      &:after {
        forced-color-adjust: none;
        box-shadow: 0 0 0 var(--spectrum-radio-m-focus-ring-size-key-focus)
          var(--spectrum-radio-m-focus-ring-color-key-focus);
      }
    }
    &:checked + .spectrum-Radio-button {
      &:before {
        border-color: var(
          --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus
        );
      }
    }
  }
}

@media (forced-colors: active) {
  .spectrum-Radio {
    --spectrum-radio-m-circle-background-color: ButtonFace;
    --spectrum-radio-m-circle-border-color-down: Highlight;
    --spectrum-radio-m-circle-border-color-hover: Highlight;
    --spectrum-radio-m-circle-border-color-key-focus: Highlight;
    --spectrum-radio-m-circle-border-color-selected-down: Highlight;
    --spectrum-radio-m-circle-border-color-selected-hover : Highlight;
    --spectrum-radio-m-circle-border-color-selected: Highlight;
    --spectrum-radio-m-circle-border-color: ButtonText;
    --spectrum-radio-m-emphasized-circle-background-color : var(--spectrum-alias-background-color-transparent);
    --spectrum-radio-m-emphasized-circle-background-color-disabled : var(--spectrum-alias-background-color-transparent);
    --spectrum-radio-m-emphasized-circle-border-color-disabled : GrayText;
    --spectrum-radio-m-emphasized-circle-border-color-error-hover: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-error: ButtonText;
    --spectrum-radio-m-emphasized-circle-border-color-selected-down: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected-hover: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected-key-focus: Highlight;
    --spectrum-radio-m-emphasized-circle-border-color-selected: Highlight; 
    --spectrum-radio-m-emphasized-text-color-disabled: GrayText;
    --spectrum-radio-m-emphasized-text-color-error-down: CanvasText;
    --spectrum-radio-m-emphasized-text-color-error-hover: CanvasText;  
    --spectrum-radio-m-emphasized-text-color-error: CanvasText;
    --spectrum-radio-m-focus-ring-color-key-focus: CanvasText;
    --spectrum-radio-m-text-color-down: CanvasText;
    --spectrum-radio-m-text-color-hover: CanvasText;
    --spectrum-radio-m-text-color: CanvasText;
    &.is-invalid {
      .spectrum-Radio-input {
        &:checked + .spectrum-Radio-button {
          &:before {
            border-color: var(
              --spectrum-radio-m-circle-border-color-selected
            );
          }
        }
      }
    }
  }        
}