fix(react): update data-table based on audit

[joshblack]

Reference #10413

This PR includes bugfixes identified in #10413

Changelog

New

Changed

• Update Data Table styles to reflect open issues found in audit

Removed

Testing / Reviewing

• Verify changes in audit are reflected in this PR

[joshblack]

Changes

• Toolbar
  • .#{$prefix}--toolbar-search-container-expandable.#{$prefix}--search--disabled .#{$prefix}--search-magnifier-icon background color should be just $layer
  • The hover on the settings overflow menu is not showing up correctly. Should be using $layer-hover not $background-hover
  • .#{$prefix}--batch-summary__para update typestyle to $body-compact-01
• Core
  • .#{$prefix}--data-table-header__title update type style to $heading-03
  • .#{$prefix}--data-table-header__description update type style toe $body-compact-01
  • // First row tr.#{$prefix}--data-table--selected:first-of-type td border color should be $border-subtle-selected
  • // Radio border-bottom should be $border-subtle-selected not $layer-active
• Expandable table
  • .#{$prefix}--table-expand__svg should be $icon-primary not v10 $ui-05
  • borders and box-shadows using $layer-active is incorrect and should be using $border-subtle-selected instead.
• Storybook
  • In the "Batch action / Sm" story the table rows should be changing size along with the action bar.
    • Note: this problems seems storybook related and will sometimes work and sometimes not work, will keep an eye on this

[joshblack]

@aagonzales tried to capture as many of the changes you listed as I could in: #10966 (comment)

Let me know if I misinterpreted any of them in the changes!

The only question I had was around the zebra stripe colors, I couldn't find this in the Sketch file and wanted to confirm what token should be used for the background of zebra strikes.

[netlify]

✅ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 0fa7c5c

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

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

[netlify]

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

🔨 Explore the source changes: 0fa7c5c

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

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

[netlify]

✅ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 0fa7c5c

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

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

[aagonzales]

Seems to all be good I think

[tay1orjones]

@joshblack I'm only seeing 3 files changed, with no changes to type styles or other changes listed in the comments above?

[joshblack]

@tay1orjones I think they were handled by TJ before he went on leave! Sorry for the mistake on my end, should have not copied over the whole checklist under the "changed" section since I only tweaked part of this.

[tay1orjones]

@joshblack Ah! Yes that makes sense then. Thanks