Data table extensions, scrolling: Code and Figma border colors for frozen column are incorrect

[jjennings7]

Note this issue is to fix the issue in Figma, and we will only be updating it in the (v11) C4IP All Theme Figma Kit and the v(v11) Gray theme Figma Kit. We also have a code issue for Storybook

Package

Carbon for IBM Products

Description

In Carbon 10 and 11, the frozen column border color is incorrect in both Figma and the Storybook code.

Figma

The border color in both v10 and v11 kits are incorrect. One is too dark and one is too light. Neither matches the original specs.

Expected behavior The right border should be $active-light-ui in v10 which seems to translate to $border-subtle in v11.

Correct border color

---

Storybook / code

In v1.72.3 (Carbon 10), the border color is the correct hex value, #c6c6c6, but the wrong token is assigned, $disabled-02. In addition, the border does not extend into the header cell.

In 2.39.0 (Carbon 11), the border color is the correct hex value, #c6c6c6, but the wrong token is assigned, $disabled-02.

Expected behavior The right border should be $active-light-ui in v10 which seems to translate to $border-subtle in v11. The border should be present on the entire frozen column, including the header cell.

Resources In issues #1980 and #2509, $active-light-ui is indicated as the correct border color. This information is also published in the PAL guidance.

Component(s) impacted

Figma (v10) Gray 10 - IBM Products (v11) Gray 10 - IBM Products

Storybook v1.72.3 (Carbon 10) - Datagrid - Frozen columns 2.39.0 (Carbon 11) - Datagrid - Frozen columns

Browser

Chrome

@carbon/ibm-products (previously @carbon/ibm-cloud-cognitive) version

all

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Product/offering

DataStage

CodeSandbox or Stackblitz example

https://ibm-products.carbondesignsystem.com/?path=/story/ibm-products-components-datagrid--frozen-columns&globals=viewport:basic

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] I checked the current issues for duplicate issues

### Tasks
- [ ] https://github.com/carbon-design-system/ibm-products/issues/5327