(react) add Button token font-family

Components font-family have to be customizable.
This commit is contained in:
Romain Le Cellier
2023-08-04 17:05:00 +02:00
parent 94ae861ae9
commit 3471e2e0b2
6 changed files with 10 additions and 2 deletions

View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
Add Button token font-family

View File

@@ -6,6 +6,7 @@
cursor: pointer;
display: flex;
font-weight: var(--c--components--button--font-weight);
font-family: var(--c--components--button--font-family);
transition: all var(--c--theme--transitions--duration) var(--c--theme--transitions--ease-out);
user-select: none;

View File

@@ -9,5 +9,6 @@ export const tokens = (defaults: DefaultTokens) => {
"medium-font-size": defaults.theme.font.sizes.l,
"small-font-size": defaults.theme.font.sizes.m,
"font-weight": defaults.theme.font.weights.regular,
"font-family": defaults.theme.font.families.base,
};
};

View File

@@ -202,4 +202,5 @@
--c--components--button--medium-font-size: var(--c--theme--font--sizes--l);
--c--components--button--small-font-size: var(--c--theme--font--sizes--m);
--c--components--button--font-weight: var(--c--theme--font--weights--regular);
--c--components--button--font-family: var(--c--theme--font--families--base);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long