Skip to content

Conversation

@jurokapsiar
Copy link
Contributor

https://github.com/microsoft/fluentui-design-tokens/pull/70
https://github.com/microsoft/fluentui-design-tokens/pull/71:

Adds rest and interactive state support (Hover, Pressed, Selected) to design tokens across all web theme files, enabling consistent and accessible interaction patterns throughout the design system.

Impact

Provides design tokens for all interactive states needed by UI components
Ensures consistent behavior across light, dark, high-contrast, and Teams dark themes
Improves accessibility by including proper high-contrast mode support for all interaction states
Design Reference

Figma file: Tokens needed

@jurokapsiar jurokapsiar requested a review from a team as a code owner December 15, 2025 09:39
@github-actions
Copy link

github-actions bot commented Jan 20, 2026

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-charts
DeclarativeChart
754.699 kB
217.59 kB
756.948 kB
217.865 kB
2.249 kB
275 B
react-charts
VerticalBarChart
433.112 kB
126.211 kB
434.577 kB
126.369 kB
1.465 kB
158 B
react-components
react-components: Button, FluentProvider & webLightTheme
70.322 kB
20.082 kB
71.11 kB
20.219 kB
788 B
137 B
react-components
react-components: FluentProvider & webLightTheme
43.621 kB
14.173 kB
44.409 kB
14.303 kB
788 B
130 B
react-components
react-components: entire library
1.287 MB
322.567 kB
1.291 MB
323.024 kB
3.999 kB
457 B
react-theme
Teams: all themes
36.081 kB
7.658 kB
37.985 kB
7.895 kB
1.904 kB
237 B
react-theme
Teams: Light theme
20.025 kB
5.723 kB
20.803 kB
5.851 kB
778 B
128 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext
510 B
328 B
global-context
createContextSelector
537 B
339 B
react-accordion
Accordion (including children components)
107.486 kB
32.905 kB
react-aria
ARIA - Default
237 B
181 B
react-avatar
Avatar
48.545 kB
15.459 kB
react-avatar
AvatarGroup
18.336 kB
7.324 kB
react-avatar
AvatarGroupItem
61.797 kB
19.459 kB
react-badge
Badge
25.08 kB
8.18 kB
react-badge
CounterBadge
25.86 kB
8.453 kB
react-badge
PresenceBadge
24.961 kB
9.091 kB
react-breadcrumb
@fluentui/react-breadcrumb - package
115.758 kB
31.742 kB
react-button
Button
38.231 kB
10.651 kB
react-button
CompoundButton
45.12 kB
11.965 kB
react-button
MenuButton
43.183 kB
12.08 kB
react-button
SplitButton
52.236 kB
13.714 kB
react-button
ToggleButton
55.154 kB
12.482 kB
react-calendar-compat
Calendar Compat
149.207 kB
39.833 kB
react-card
Card - All
106.017 kB
29.756 kB
react-card
Card
98.685 kB
27.88 kB
react-card
CardFooter
13.642 kB
5.438 kB
react-card
CardHeader
16.175 kB
6.303 kB
react-card
CardPreview
13.726 kB
5.574 kB
react-charts
AreaChart
407.113 kB
124.705 kB
react-charts
DonutChart
317.554 kB
94.682 kB
react-charts
FunnelChart
309.104 kB
91.572 kB
react-charts
GanttChart
390.222 kB
118.264 kB
react-charts
GaugeChart
316.989 kB
94.049 kB
react-charts
GroupedVerticalBarChart
398.1 kB
120.879 kB
react-charts
HeatMapChart
392.303 kB
120.013 kB
react-charts
HorizontalBarChart
297.281 kB
86.243 kB
react-charts
HorizontalBarChartWithAxis
63 B
83 B
react-charts
Legends
236.192 kB
69.589 kB
react-charts
LineChart
417.675 kB
126.61 kB
react-charts
PolarChart
346.165 kB
105.681 kB
react-charts
SankeyChart
214.767 kB
65.946 kB
react-charts
ScatterChart
397.502 kB
120.762 kB
react-charts
Sparkline
91.393 kB
28.708 kB
react-charts
VerticalStackedBarChart
404.014 kB
121.7 kB
react-checkbox
Checkbox
34.408 kB
11.73 kB
react-color-picker
ColorArea
48.424 kB
17.019 kB
react-color-picker
ColorPicker
17.055 kB
6.858 kB
react-color-picker
ColorSlider
40.598 kB
15.068 kB
react-combobox
Combobox (including child components)
106.07 kB
34.487 kB
react-combobox
Dropdown (including child components)
106.694 kB
34.414 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
237.741 kB
68.697 kB
react-datepicker-compat
DatePicker Compat
225.9 kB
63.919 kB
react-dialog
Dialog (including children components)
102.964 kB
30.723 kB
react-divider
Divider
17.24 kB
6.246 kB
react-field
Field
22.811 kB
8.583 kB
react-image
Image
14.464 kB
5.84 kB
react-input
Input
27.132 kB
9.019 kB
react-jsx-runtime
Classic Pragma
1.101 kB
550 B
react-jsx-runtime
JSX Dev Runtime
2.8 kB
1.247 kB
react-jsx-runtime
JSX Runtime
3.154 kB
1.359 kB
react-label
Label
13.79 kB
5.567 kB
react-link
Link
17.014 kB
6.763 kB
react-list
List
87.996 kB
26.105 kB
react-list
ListItem
111.581 kB
32.971 kB
react-menu
Menu (including children components)
164.613 kB
49.863 kB
react-menu
Menu (including selectable components)
167.791 kB
50.466 kB
react-message-bar
MessageBar (all components)
24.15 kB
8.907 kB
react-motion
@fluentui/react-motion - createMotionComponent()
4.156 kB
1.818 kB
react-motion
@fluentui/react-motion - createPresenceComponent()
5.908 kB
2.442 kB
react-motion
@fluentui/react-motion - PresenceGroup
1.727 kB
823 B
react-overflow
hooks only
11.977 kB
4.574 kB
react-persona
Persona
55.436 kB
17.336 kB
react-popover
Popover
128.086 kB
39.594 kB
react-portal
Portal
15.55 kB
5.398 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-positioning
usePositioning
28.865 kB
10.146 kB
react-positioning
useSafeZoneArea
12.445 kB
5 kB
react-progress
ProgressBar
16.586 kB
6.536 kB
react-provider
FluentProvider
23.797 kB
8.479 kB
react-radio
Radio
31.791 kB
9.937 kB
react-radio
RadioGroup
14.88 kB
6.017 kB
react-select
Select
26.971 kB
9.762 kB
react-slider
Slider
37.208 kB
12.393 kB
react-spinbutton
SpinButton
34.455 kB
11.377 kB
react-spinner
Spinner
24.387 kB
8.13 kB
react-swatch-picker
@fluentui/react-swatch-picker - package
105.156 kB
30.267 kB
react-switch
Switch
35.388 kB
11.152 kB
react-table
DataGrid
160.195 kB
45.263 kB
react-table
Table (Primitives only)
41.883 kB
13.493 kB
react-table
Table as DataGrid
131.41 kB
36.265 kB
react-table
Table (Selection only)
69.798 kB
19.628 kB
react-table
Table (Sort only)
68.441 kB
19.244 kB
react-tag-picker
@fluentui/react-tag-picker - package
187.42 kB
56.172 kB
react-tags
InteractionTag
14.552 kB
5.788 kB
react-tags
Tag
30.407 kB
9.721 kB
react-tags
TagGroup
83.097 kB
24.491 kB
react-teaching-popover
TeachingPopover
102.017 kB
30.539 kB
react-text
Text - Default
16.181 kB
6.285 kB
react-text
Text - Wrappers
19.341 kB
6.619 kB
react-textarea
Textarea
25.514 kB
9.278 kB
react-theme
Single theme token import
69 B
89 B
react-timepicker-compat
TimePicker
109.036 kB
36.023 kB
react-toast
Toast (including Toaster)
103.446 kB
30.938 kB
react-tooltip
Tooltip
57.962 kB
20.022 kB
react-tree
FlatTree
148.521 kB
42.459 kB
react-tree
PersonaFlatTree
150.347 kB
42.844 kB
react-tree
PersonaTree
146.407 kB
41.672 kB
react-tree
Tree
144.587 kB
41.298 kB
react-utilities
SSRProvider
180 B
160 B
🤖 This report was generated against 47ee7ad9d466228e43efcf6769129295f7422fbb

@github-actions
Copy link

Pull request demo site: URL

@jurokapsiar jurokapsiar requested a review from a team as a code owner January 20, 2026 10:30
@jurokapsiar jurokapsiar requested review from a team as code owners January 20, 2026 14:44
@jurokapsiar jurokapsiar merged commit 3e77c7d into microsoft:master Jan 22, 2026
12 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants