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

⬆️(app-desk) upgrade Cunningham design system

Browse Source 
The last version of the Cunningham design system
has some new features that we need in this
feature.
This commit is contained in:
Anthony LC
2024-03-04 16:37:59 +01:00
committed by Anthony LC
parent b41fd1ab69
commit 150258b5a4
7 changed files with 121 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/frontend/apps/desk/cunningham.ts
View File

@@ -286,6 +286,12 @@ const config = {
},
color: 'var(--c--theme--colors--primary-text)',
},
'tertiary-text': {
background: {
'color-hover': 'var(--c--theme--colors--primary-100)',
},
'color-hover': 'var(--c--theme--colors--primary-text)',
},
},
datagrid: {
header: {

2
src/frontend/apps/desk/package.json
View File

@@ -15,7 +15,7 @@
"test:watch": "jest --watch"
},
"dependencies": {
"@openfun/cunningham-react": "2.4.0",
"@openfun/cunningham-react": "2.6.0",
"@tanstack/react-query": "5.24.8",
"i18next": "23.10.0",
"luxon": "3.4.4",

16
src/frontend/apps/desk/src/cunningham/cunningham-style.css
View File

@@ -225,14 +225,14 @@ input:-webkit-autofill:focus {
background: var(--c--components--datagrid--pagination--background-color);
}
.c__pagination__list .c__button--tertiary.c__button--active {
.c__pagination__list .c__button--tertiary-text.c__button--active {
background-color: var(
--c--components--datagrid--pagination--background-color-active
);
color: var(--c--theme--colors--greyscale-800);
}
.c__pagination__list .c__button--tertiary:disabled {
.c__pagination__list .c__button--tertiary-text:disabled {
display: none;
}
@@ -389,6 +389,18 @@ input:-webkit-autofill:focus {
color: var(--c--components--button--tertiary--color-disabled);
}
.c__button--tertiary-text {
border: none;
}
.c__button--tertiary-text:hover,
.c__button--tertiary-text:focus-visible {
background-color: var(
--c--components--button--tertiary-text--background--color-hover
);
color: var(--c--components--button--tertiary-text--color-hover);
}
.c__button--danger {
background-color: var(--c--components--button--danger--background--color);
}

6
src/frontend/apps/desk/src/cunningham/cunningham-tokens.css
View File

@@ -421,6 +421,12 @@
--c--components--button--secondary--color: var(
--c--theme--colors--primary-text
);
--c--components--button--tertiary-text--background--color-hover: var(
--c--theme--colors--primary-100
);
--c--components--button--tertiary-text--color-hover: var(
--c--theme--colors--primary-text
);
--c--components--datagrid--header--color: var(
--c--theme--colors--primary-text
);

6
src/frontend/apps/desk/src/cunningham/cunningham-tokens.ts
View File

@@ -423,6 +423,12 @@ export const tokens = {
border: { 'color-hover': 'var(--c--theme--colors--primary-300)' },
color: 'var(--c--theme--colors--primary-text)',
},
'tertiary-text': {
background: {
'color-hover': 'var(--c--theme--colors--primary-100)',
},
'color-hover': 'var(--c--theme--colors--primary-text)',
},
},
datagrid: {
header: {