style(structured-list): update theme import

[motou]

REF #9888

Update color tokens to v11 based on the following specs: https://github.com/carbon-design-system/carbon/blob/main/docs/migration/11.x-color.md

• Replaced compat theme with theme.

[motou]

FYI @sstrubberg

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 767aa7b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/61804685f270ca00072a3cd0

😎 Browse the preview: https://deploy-preview-9970--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 767aa7b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/6180468534bb800009e503f0

😎 Browse the preview: https://deploy-preview-9970--carbon-components-react.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 767aa7b

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/618046855ea22c0007b68d70

😎 Browse the preview: https://deploy-preview-9970--carbon-elements.netlify.app

[joshblack]

It seems like there are some tokens still being used from compat/theme potentially like $hover-row that need to be replaced 👀

[motou]

$hover-row

@joshblack it seems that $hover-row is not defined in the doc. So I add it in the docs/migration/11.x-color.md and change it to $background-hover. Is that okay?

[joshblack]

Yeah of course @motou!

cc @aagonzales is the change to the docs the correct substitution for $hover-row? 👀

[aagonzales]

Thanks for adding! This would actually be a split one. It could be $background-hover or $layer-hover-01 in v11.

[sstrubberg]

@motou can you update to the base branch. i appear to be unable to.

[motou]

@aagonzales sure, the token doc is updated.

[sstrubberg]

@motou Can you enable this?