2021 Release Proposals

This planning issue is currently a WIP. Everything listed here is subject to change

This umbrella issue is going to be organized into multiple topics. Each topic refers to a proposed change to our ecosystem of packages that will be shipped in our Q2 2021 release. Topics can relate to several packages, or just one, and should have an accompanying discussion linked at the bottom of the section.

Overview

Topic	Status	Discussion	Planning
Convert warning usage to console.warn	✅	N/A	https://github.com/carbon-design-system/carbon/issues/8017
Combing spacing + layout tokens	✅	N/A	https://github.com/carbon-design-system/carbon/issues/5602
CSS Grid Support	In Progress	N/A	https://github.com/carbon-design-system/carbon/issues/8141
Color token updates	In Progress	https://github.com/carbon-design-system/carbon/discussions/7743	https://github.com/carbon-design-system/carbon/issues/8148
Transition to Sass Modules	In Progress	https://github.com/carbon-design-system/carbon/discussions/7539	https://github.com/carbon-design-system/carbon/issues/8138
Rename the size field prop in components	In Progress	N/A	https://github.com/carbon-design-system/carbon/issues/8370
Icon modules with size Prop	In Progress	N/A	https://github.com/carbon-design-system/carbon/issues/8139
Refactoring test suite	In Progress	N/A	https://github.com/carbon-design-system/carbon/issues/8143
Bringing in IBM Plex	In Progress	https://github.com/carbon-design-system/carbon/discussions/7531	https://github.com/carbon-design-system/carbon/issues/8710
Component Accessibility Primitives	In Progress	N/A	https://github.com/carbon-design-system/carbon/issues/8293
Tooltip Refactor	In Progress	TODO	TODO
Notification Refactor	In Progress	TODO	https://github.com/carbon-design-system/carbon/issues/8406
Theming the UI Shell	In Progress	TODO	#8409
Inline theming	In Progress	TODO	#8408
Package renames and dependency updates	In Progress	TODO	TODO
Officially deprecate carbon-icons	Accepted	N/A	https://github.com/carbon-design-system/carbon/issues/8137
useNotification hook	Accepted	TODO	https://github.com/carbon-design-system/carbon/issues/8405
Package bundle performance	Accepted	TODO	https://github.com/carbon-design-system/carbon/issues/8407
Not listed	Accepted	TODO	TODO
Remove deprecated code	Accepted	TODO	#8410
Focus style updates	Not pursuing	N/A	N/A

[joshblack]

Bringing in IBM Plex

Status: Proposal

Currently, we offer support for a handful of font faces (Sans, Mono, Serif) and a handful of weights (light, normal, semibold). We also offer a way for these fonts to be loaded easily through Google Fonts by default.

However, it seems like the usage for IBM Plex has grown broadly to include the following use-cases:

• Able to include different fonts from: http://github.com/ibm/plex for internationalization
• Able to leverage the Variable Font as opposed to Sans plus a variety of weights
• Able to bring in multiple weights as opposed to our limited set

Discussion Link: https://github.com/carbon-design-system/carbon/discussions/7531 Planning Issue: TODO

Packages impacted

• carbon-components
• @carbon/type
• @carbon/elements

Links & Resources

• IBM Plex on GitHub
• Example with Inter UI

[aagonzales]

Color tokens update

Updates to the component color tokens with two main objectives:

1. Make token names more user-friendly by applying usage specific names in order to help users more easily understand what the token is used for and when/where to apply it without having to frequently reference the usage guide.
2. Better account for the background layering modal. At the moment we only account for two layers and it needs to account for at least three. Third layer stacking currently breaks in the dark themes. See discussion post for more details
   • There are two possible solutions to solve this: creating a nested solution with each theme (proposal 1) or implementing inline theming (proposal 2)

Links and resources:

• Proposal 1 token list Color sets
• Proposal 2 token list Inline theming

Packages impacted:

• carbon-components
• carbon-elements

Discussion Link: https://github.com/carbon-design-system/carbon/discussions/7743 Planning Issue: https://github.com/carbon-design-system/carbon/issues/8148