paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 38 Packages Projects Releases Wiki Activity

Fix: replace removed --bui-bg-tint tokens in Table component (fixes #33292)

Browse Source 
Root cause: The --bui-bg-tint-* CSS tokens were removed from the design system
in favour of --bui-bg-neutral-* tokens, but Table.module.css was not updated
during the migration, leaving row hover, selected, pressed, and disabled states
with no visual effect.

Fix: Replace --bui-bg-tint-hover/pressed/disabled with the equivalent
--bui-bg-neutral-1-hover/pressed/disabled tokens, matching the migration
mapping documented in the CHANGELOG.

Signed-off-by: shivamtiwari3 <33183708+shivamtiwari3@users.noreply.github.com>
This commit is contained in:
shivamtiwari3
2026-03-16 10:40:46 +05:30
parent 1e2c57ebb0
commit bc42b608b1
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fix-table-bui-bg-tint-tokens.md
+5
View File
@@ -0,0 +1,5 @@
---
'@backstage/ui': patch
---
Fixed Table component to use current `--bui-bg-neutral-1` tokens instead of the removed `--bui-bg-tint` tokens, restoring row hover, selected, pressed, and disabled background colors.
packages/ui/src/components/Table/Table.module.css
+4 -4
View File
@@ -93,15 +93,15 @@
cursor: default;
&:hover {
background-color: var(--bui-bg-tint-hover);
background-color: var(--bui-bg-neutral-1-hover);
}
&[data-selected] {
background-color: var(--bui-bg-tint-pressed);
background-color: var(--bui-bg-neutral-1-pressed);
}
&[data-pressed] {
background-color: var(--bui-bg-tint-pressed);
background-color: var(--bui-bg-neutral-1-pressed);
}
&[data-href],
@@ -111,7 +111,7 @@
}
&[data-disabled] {
background-color: var(--bui-bg-tint-disabled);
background-color: var(--bui-bg-neutral-1-disabled);
cursor: not-allowed;
}
}