Colors not matching with tokens when reading the style guide on Data Table

[sander-slagman]

Detailed description

In the style guide of the data table components, it says that $layer-selected-hover is used for when a selected row is hovered, however, $layer-hover is used.

Affected page: https://carbondesignsystem.com/components/data-table/style#row

Related page https://carbondesignsystem.com/elements/color/tokens (layer section)

Additional information

Not hovering:

Hovering:

e8e8e8 is used ($layer-hover ) and not #cacaca ($layer-selected-hover )

[laurenmrice]

@sander-slagman Are the two screenshots you provided for "Not hovering" and "Hovering" coming from the React storybook?

[sander-slagman]

Hi Lauren, Sorry for the late response, thought I had already replied. No they are coming from the official design system documentation, the related links are the source pages. Hope this helps

[sander-slagman]

For some additional info, inspector tells me that the token --cds-layer-hover somehow overwrites the --cds-layer-selected-hover