Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DataGrid] refactor: theme to CSS variables #15704

Merged
merged 47 commits into from
Jan 10, 2025
Merged
Changes from 1 commit
Commits
Show all changes
47 commits
Select commit Hold shift + click to select a range
af5bdf9
refactor: theme => css variables
romgrk Dec 2, 2024
339768b
lint
romgrk Dec 2, 2024
90c1fc2
lint
romgrk Dec 2, 2024
1fc98c6
feat: breakpoints
romgrk Dec 3, 2024
15484db
feat: breakpoints
romgrk Dec 3, 2024
9a5014e
refactor: theme.spacing => vars.spacing
romgrk Dec 3, 2024
bf20ed3
refactor: zIndex
romgrk Dec 3, 2024
71c993f
refactor: finish t.spacing()
romgrk Dec 3, 2024
b1054ec
refactor: finish all but GRS
romgrk Dec 4, 2024
41b1451
lint
romgrk Dec 4, 2024
9d718e2
Merge branch 'master' into feat-agnostic-css-variables
romgrk Dec 4, 2024
4e83cb6
fix: missing variables
romgrk Dec 4, 2024
f0645af
refactor: GridRootStyles
romgrk Dec 4, 2024
07e64a0
refactor: GRS: more colors
romgrk Dec 4, 2024
4670236
refactor: more ergonomic API
romgrk Dec 4, 2024
4bccecc
lint
romgrk Dec 6, 2024
1de35d9
lint
romgrk Dec 6, 2024
4822768
draft: test reverting text color
romgrk Dec 6, 2024
f643319
lint
romgrk Dec 9, 2024
734d8e7
draft: try remove style
romgrk Dec 9, 2024
3dc38ef
Revert "draft: try remove style"
romgrk Dec 9, 2024
cd34948
Revert "refactor: GRS: more colors"
romgrk Dec 9, 2024
cc48bd1
refactor: GRS: main colors
romgrk Dec 9, 2024
8311425
refactor: GRS(2): colors
romgrk Dec 9, 2024
2476462
refactor: GRS(3): colors
romgrk Dec 9, 2024
736948b
refactor: GRS(4): colors
romgrk Dec 9, 2024
2973e5c
refactor: GRS(5): focus color
romgrk Dec 9, 2024
802c642
refactor: GRS: complete
romgrk Dec 9, 2024
e7e253a
Merge branch 'master' into feat-agnostic-css-variables
romgrk Dec 12, 2024
23d3ad4
draft: split CSS variables
romgrk Dec 12, 2024
414f359
Merge branch 'master' into feat-agnostic-css-variables
romgrk Jan 7, 2025
00c953d
Revert "draft: split CSS variables"
romgrk Jan 8, 2025
cf98e2c
Merge branch 'master' into feat-agnostic-css-variables
romgrk Jan 8, 2025
ae48775
fix: conflict marker
romgrk Jan 8, 2025
c3d77de
fix: css variables accessible from root
romgrk Jan 8, 2025
b678c19
lint
romgrk Jan 8, 2025
fb4edf8
lint
romgrk Jan 8, 2025
685e935
ci: run (empty commit)
romgrk Jan 9, 2025
02f2f1c
Update packages/x-data-grid/src/components/panel/GridPanelFooter.tsx
romgrk Jan 9, 2025
dc9b984
Merge branch 'master' into feat-agnostic-css-variables
romgrk Jan 9, 2025
8d21805
Merge branch 'feat-agnostic-css-variables' of github.com:romgrk/mui-x…
romgrk Jan 9, 2025
049a999
ci: run (empty commit)
romgrk Jan 9, 2025
a9c8b65
fix: quickfilter outside of root
romgrk Jan 9, 2025
2d961be
lint
romgrk Jan 9, 2025
249ee63
refactor: useThemeVariablesClassName => useCSSVariablesClass
romgrk Jan 9, 2025
a0b8119
ci: run (empty commit)
romgrk Jan 10, 2025
83655b4
ci: run (empty commit)
romgrk Jan 10, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
refactor: GRS(3): colors
romgrk committed Dec 9, 2024
commit 2476462abf9dc72e4583d7168837024c50a1e160
10 changes: 5 additions & 5 deletions packages/x-data-grid/src/components/containers/GridRootStyles.ts
Original file line number Diff line number Diff line change
@@ -547,7 +547,7 @@ export const GridRootStyles = styled('div', {
padding: 1,
display: 'flex',
boxShadow: t.shadows[2],
backgroundColor: (t.vars || t).palette.background.paper,
backgroundColor: vars.colors.background.overlay,
'&:focus-within': {
outline: `${focusOutlineWidth}px solid ${(t.vars || t).palette.primary.main}`,
outlineOffset: focusOutlineWidth * -1,
@@ -558,7 +558,7 @@ export const GridRootStyles = styled('div', {
},
[`& .${c['row--editing']} .${c.cell}`]: {
boxShadow: t.shadows[0],
backgroundColor: (t.vars || t).palette.background.paper,
backgroundColor: vars.colors.background.overlay,
},
[`& .${c.editBooleanCell}`]: {
display: 'flex',
@@ -568,10 +568,10 @@ export const GridRootStyles = styled('div', {
justifyContent: 'center',
},
[`& .${c.booleanCell}[data-value="true"]`]: {
color: (t.vars || t).palette.text.secondary,
color: vars.colors.foreground.muted,
},
[`& .${c.booleanCell}[data-value="false"]`]: {
color: (t.vars || t).palette.text.disabled,
color: vars.colors.foreground.disabled,
},
[`& .${c.actionsCell}`]: {
display: 'inline-flex',
@@ -583,7 +583,7 @@ export const GridRootStyles = styled('div', {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
opacity: (t.vars || t).palette.action.disabledOpacity,
opacity: vars.colors.interactive.disabledOpacity,
},
[`& .${c['rowReorderCell--draggable']}`]: {
cursor: 'move',
Loading
Oops, something went wrong.