Description
Add a new extra-small size variant to the Button component. This size is already defined in the Figma design system and is particularly useful in space-constrained contexts like the DataGrid toolbar, where actions like "Clear all" should have less visual weight and footprint.
Design Reference
Button Extra Small (all variants available: Primary, Default, Primary_Danger, Subdued):

Usage context – DataGrid Toolbar with filter pills and "Remove filters" button (extra-small):

Phase 1: Button component
Add extra-small as a new size option to the Button component.
Phase 2: DataGridToolbar usage
Use the new extra-small Button in the DataGridToolbar story as a real-world usage example.
Description
Add a new
extra-smallsize variant to theButtoncomponent. This size is already defined in the Figma design system and is particularly useful in space-constrained contexts like the DataGrid toolbar, where actions like "Clear all" should have less visual weight and footprint.Design Reference
Button Extra Small (all variants available: Primary, Default, Primary_Danger, Subdued):
Usage context – DataGrid Toolbar with filter pills and "Remove filters" button (extra-small):
Phase 1: Button component
Add
extra-smallas a new size option to the Button component."extra-small"to theButtonSizetypegetButtonPadding,iconClasses, and Spinner size logic to handle the new sizeButton.stories.tsxPhase 2: DataGridToolbar usage
Use the new extra-small Button in the DataGridToolbar story as a real-world usage example.
DataGridToolbarstory "Complex Custom Layout": change the "Clear all" button to usesize="extra-small"