studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) improve radio input styling configuration

Browse Source 
Align design tokens of radio input component with select component's
design tokens for consistent styling configuration.
This commit is contained in:
Lebaud Antoine
2023-06-06 10:33:16 +02:00
committed by aleb_the_flash
parent 8cf2bb28e1
commit 38538e354b
6 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/react/src/components/Forms/Radio/index.scss
View File

@@ -5,6 +5,7 @@
width: var(--c--components--forms-checkbox--size);
height: var(--c--components--forms-checkbox--size);
border: 1.5px solid var(--c--components--forms-radio--border-color);
background-color: var(--c--components--forms-radio--background-color);
border-radius: 50%;
display: flex;
align-items: center;

1
packages/react/src/components/Forms/Radio/tokens.ts
View File

@@ -3,4 +3,5 @@ import { DefaultTokens } from "@openfun/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"border-color": defaults.theme.colors["greyscale-300"],
"accent-color": defaults.theme.colors["success-700"],
"background-color": "white",
});