Esri/calcite-design-system

[Block] Remove the deprecated `--calcite-block-text-color` token

Open

#12,634 opened on Aug 4, 2025

View on GitHub
 (9 comments) (0 reactions) (0 assignees)TypeScript (88 forks)auto 404
2 - ready for devbreaking changec-blockcalcite-componentsdesigndesign-tokensestimate - 2good first issuep - lowrefactor

Repository metrics

Stars
 (367 stars)
PR merge metrics
 (PR metrics pending)

Description

monday.com sync: #9873109770

Description

We should remove the deprecated --calcite-block-text-color token in favor of the native color CSS var.

calcite-block {
  --calcite-block-text-color: red; 
  /* Has the same functionality */
  /* color: red; */ 
}

Proposed Advantages

Consistency and a more native-aligned implementation

Which Component

Block

Relevant Info

Surfaced with https://github.com/Esri/calcite-design-system/issues/12633, where we streamlined the issue to heading, and opened the above in a new conversation. More discussion in this comment: https://github.com/Esri/calcite-design-system/issues/12633#issuecomment-3151360419

Here's a Codepen sample with the behavior in 3.2.1: https://codepen.io/geospatialem/pen/NPGjrzm

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/calcite-ui-icons
  • @esri/eslint-plugin-calcite-components

Contributor guide