@penaprieto/design-system/dist/components/RadioGroup/RadioGroup.css

Multi-brand React design system with design tokens from Figma

.ds-radiogroup {
  display: flex;
  flex-direction: column;
  gap: var(--size2, 8px);
}

.ds-radiogroup--disabled {
  cursor: not-allowed;
}

.ds-radiogroup__label {
  font: var(--text-field-label, 400 14px/150% Satoshi);
  color: var(--semantic-text-corp-primary);
}

.ds-radiogroup__options {
  display: flex;
  flex-direction: column;
  gap: var(--size2, 8px);
}

.ds-radiogroup__helper {
  font: var(--text-field-assistive-text, 400 14px/150% Satoshi);
  color: var(--semantic-text-corp-secondary);
}

.ds-radiogroup--error .ds-radiogroup__helper {
  color: var(--semantic-text-error);
}

.ds-radiogroup--disabled .ds-radio {
  cursor: not-allowed;
}