@dnb/eufemia/cjs/components/radio/style/themes/dnb-radio-theme-sbanken.css

DNB Eufemia Design System UI Library

/*
* Radio theme for Sbanken
*
*/
.dnb-radio {
  --radio-dot--medium: 0.875rem;
  --radio-dot--large: 1.5rem;
  --radio-border-width: 0.0625rem;
  --radio-color-dot-on: var(--sb-color-violet);
  --radio-color-background-on: var(--sb-color-white);
  --radio-color-border-on: var(--sb-color-violet);
  --radio-color-background-off: var(--sb-color-white);
  --radio-color-border-off: var(--sb-color-violet);
  --radio-border-width--disabled: 0.0625rem;
  --radio-color-dot-on--disabled: var(--sb-color-gray-dark);
  --radio-color-background--disabled: var(--sb-color-gray-light);
  --radio-color-border-on--disabled: var(--sb-color-gray-dark);
  --radio-color-border-off--disabled: var(--sb-color-gray-dark);
  --radio-color-dot-on--active: var(--sb-color-violet-light);
  --radio-color-border-on--active: var(--sb-color-gray-dark-2-neutral);
  --radio-color-background-off--active: var(--sb-color-white);
  --radio-color-border-off--active: var(--sb-color-gray);
  --radio-color-dot-on--hover: var(--sb-color-violet);
  --radio-border-width-on--hover: 0.0625rem;
  --radio-color-background-on--hover: var(--sb-color-violet-light-3);
  --radio-color-background-off--hover: var(--sb-color-violet-light-3);
  --radio-border-width--focus: 0.1875rem;
  --radio-color-background-on--focus: var(--sb-color-blue-light-3);
  --radio-color-background-off--focus: var(--sb-color-blue-light-3);
  --radio-color-dot-on--error: var(--sb-color-magenta);
  --radio-color-border-on--error: var(--sb-color-magenta);
  --radio-color-border--error-hover: var(--sb-color-red);
  --radio-color-background-off--error-hover: var(
    --sb-color-magenta-light-2
  );
  --radio-color-background-on--error-hover: var(
    --sb-color-magenta-light-2
  );
  --radio-color-dot-on--error-hover: var(--sb-color-red);
  --radio-focus-ring-width--error: var(--radio-border-width);
}