Flat Table - cut outline when header is sticky, no exported types

Current behaviour

1. When I use hasStickyHead with clickable rows then outline for focus state is cutting.

Example: https://codesandbox.io/s/elastic-darkness-yb7ohv Screenshot:

1. For this example : https://carbon.sage.com/?path=/docs/flat-table--with-horizontal-scrolling Types like as width, overflowX are not exported.

Expected behaviour

1. The thickness of the outline is visible from all sides the same.

2. All usable types should be exported.

CodeSandbox or Storybook URL

https://codesandbox.io/s/elastic-darkness-yb7ohv

JIRA Ticket (Sage Only)

No response

Suggested Solution

For this variant, maybe you should use box-shadow internals.

Carbon Version

104.53.1

What browsers are you seeing the problem on?

Chrome, Safari

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[nicktitchmarsh]

It appears as these borders are being rendered with outline instead of border prop in order to maintain table proportions. We will investigate.

[Parsium]

Thanks for this @JoannaMikul, these missing props were actually added in v104.54.0 so they should be there in the latest version of carbon 👍🏼 https://github.com/Sage/carbon/releases/tag/v104.54.0