@penaprieto/design-system
Version:
Multi-brand React design system with design tokens from Figma
34 lines (27 loc) • 655 B
CSS
.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;
}