spike: v15 Component Review

[alanbsmith]

🔍 Spike / Exploration

Before our v15 launch, we should do a component review to ensure components are moving along properly.

What questions would be answered once this spike was completed?

• Review Labs components - Do any need to be moved to preview? Do any need to be deprecated or removed?
• Review Preview components - Do any need to be moved to main? Do any need to be deprecated or removed?
• Review Main components - Do any need to be deprecated?
• Review @deprecated components - Do any need to be removed?

Write up a quick summary for all components that need action. Any components omitted are assumed to stay as they are today.

Prior Art

Some initial investigation with Canvas Design showed we can promote the following components:;

• Avatar
• Info Highlight
• Pill
• Segmented Control
• Radio

Spike Artifact

Create issues for each if none exists and link them to this ticket so we can track them. Reference @RayRedGoose's v14 audit as a guide.

[mannycarrera4]

We're promotiing

• Segmented Control
• Information Highlight

[mannycarrera4]

We can remove:

• select in preview (offer static api method for grouping elements in select)
• remove searchform in labs
• remove combobox in labs

[alanbsmith]

v15 Component Audit

Labs React

Component	Status	Recommendation	Issue	Notes
AI Ingress Button	Experimental	Remain		Waiting on AI patterns to stabilize
Combobox	Deprecated	Remove
Search Form	Deprecated	Remove	#3656
Side Panel	Stable	Promote		Promoting to Main to replace current Main

Utility	Status	Recommendation	Issue	Notes
useThemeRTL	Deprecated	Remove	#2336

Preview React

Component	Status	Recommendation	Issue	Notes
Avatar	Stable	Promote		Promoting to Main
Color Input	Experimental	Remain		Waiting on refactor & redesign
Color Picker	Experimental	Remain		Waiting on refactor & redesign
Color Preview	Experimental	Remain		Waiting on refactor & redesign
Divider	Needs Figma & Documentation	Remain		Waiting on Figma spec and documentation
Information Highlight	Stable	Promote		Promoting to Main
Loading Sparkles	Experimental	Remain		Waiting for AI patterns to stabilize
Multi-select	Stable	Remain		Waiting for Cypress / E2E tests
Pill	Stable	Promote	#2088	Promoting to Main
Radio	Stable	Promote		Promoting to Main
Segmented Control	Stable	Promote	#3601	Promoting to Main
Select	Deprecated	Remove	#3367	Removing in favor of Main
Side Panel	Deprecated	Remain		Planning to remove in v16
Status Indicator	Deprecated	Remove		Removing in favor of Main

Utility	Status	Recommendation	Issue	Notes
Tokens	Empty	Remove		Removing empty directory

React (Main)

Component	Status	Recommendation	Issue	Notes
Action Bar	Stable	Remain
Avatar	Deprecated	Replace with Preview
Badge	Stable	Remain
Banner	Stable	Remain
Breadcrumbs	Stable	Remain
Button - Primary	Stable	Remain
Button - Secondary	Stable	Remain
Button - Tertiary	Stable	Remain
Button - Delete	Stable	Remain
Button - Toolbar Dropdown	Stable	Remain
Button - Toolbar Icon	Stable	Remain
Card	Stable	Remain
Checkbox	Stable	Remain
Color Picker	Stable	Remain
Combobox	Stable	Remain
Dialog	Stable	Remain
Expandable	Stable	Remain
External Hyperlink	Stable	Remain
Form Field	Stable	Remain
Icon - Accent	Stable	Remain
Icon - Applet	Stable	Remain
Icon - System	Stable	Remain
Icon - System Circle	Stable	Remain
Icon - SVG	Stable	Remain
Icon - Graphic	Stable	Remain
Hyperlink	Stable	Remain
Layout - Box	Stable	Deprecate	#3366	Deprecating in favor of createStyles and createStencil
Layout - Flex	Stable	Deprecate	#3366	Deprecating in favor of createStyles and createStencil
Layout - Grid	Stable	Deprecate	#3366	Deprecating in favor of createStyles and createStencil
List Box	Stable	Remain
Loading Dots	Stable	Remain
Menu	Stable	Remain
Modal	Stable	Remain
Pagination	Stable	Remain
Popup	Stable	Remain
Radio	Deprecated	Replace		Replacing with Preview
Segmented Control	Deprecated	Replace	#3601	Replacing with Preview
Select	Stable	Remain
Side Panel	Deprecated	Replace		Replacing with Labs
Skeleton	Stable	Remain
Status Indicator	Stable	Remain
Switch	Stable	Remain
Table	Stable	Remain
Tabs	Stable	Remain
Text Area	Stable	Remain
Text Input	Stable	Remain
Text - Text	Stable	Remain
Text - Label Text	Stable	Remain
Text - Title	Stable	Remain
Text - Heading	Stable	Remain
Text - Body	Stable	Remain
Text - Subtext	Stable	Remain
Toast	Stable	Remain
Tooltip	Stable	Remain

Utility	Status	Recommendation	Issue	Notes
Tokens	Stable	Deprecate		Deprecating in favor of Canvas Tokens Web
Style Props	Stable	Deprecate	#3366	Deprecating in favor of createStyles and createStencil
styled	Stable	Deprecate		Deprecating in favor of createStyles and createStencil

[RayRedGoose]

Label Text is deprecated. We suggest to use the FormField.Label instead