Skip to content

Conversation

@miroslavstastny
Copy link
Member

Adds colorBrandStroke2Contrast and colorNeutralStrokeAlpha2tokens:

token light dark HC
colorBrandStroke2Contrast brand.140 brand.50 hcCanvas
colorNeutralStrokeAlpha2 whiteAlpha.20 whiteAlpha.20 hcCanvas

image

Requested in #28385

@miroslavstastny miroslavstastny requested review from a team and GeoffCoxMSFT as code owners July 25, 2023 20:05
@github-actions github-actions bot added this to the July Project Cycle Q3 2023 milestone Jul 25, 2023
@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 580 580 5000
Button mount 298 299 5000
Field mount 1025 1057 5000
FluentProvider mount 655 641 5000
FluentProviderWithTheme mount 76 88 10
FluentProviderWithTheme virtual-rerender 69 64 10
FluentProviderWithTheme virtual-rerender-with-unmount 75 76 10
InfoButton mount 11 10 5000
MakeStyles mount 873 868 50000
Persona mount 1603 1563 5000
SpinButton mount 1286 1282 5000

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 989dee4:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
67.667 kB
18.247 kB
91 B
22 B
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
36.5 kB
12.03 kB
91 B
27 B
react-theme
Teams: all themes
31.987 kB
6.85 kB
32.205 kB
6.877 kB
218 B
27 B
react-theme
Teams: Light theme
18.121 kB
5.194 kB
18.213 kB
5.219 kB
92 B
25 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-accordion
Accordion (including children components)
88.535 kB
26.796 kB
react-alert
Alert
84.992 kB
22.03 kB
react-avatar
Avatar
47.739 kB
14.521 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.915 kB
19.001 kB
react-badge
Badge
23.604 kB
7.272 kB
react-badge
CounterBadge
24.506 kB
7.574 kB
react-badge
PresenceBadge
22.253 kB
7.891 kB
react-button
Button
39.193 kB
9.743 kB
react-button
CompoundButton
46.661 kB
11.257 kB
react-button
MenuButton
43.553 kB
10.979 kB
react-button
SplitButton
51.758 kB
12.571 kB
react-button
ToggleButton
57.629 kB
11.645 kB
react-card
Card - All
89.609 kB
25.358 kB
react-card
Card
84.027 kB
23.768 kB
react-card
CardFooter
9.24 kB
3.907 kB
react-card
CardHeader
11.652 kB
4.741 kB
react-card
CardPreview
10.048 kB
4.254 kB
react-checkbox
Checkbox
33.224 kB
10.727 kB
react-combobox
Combobox (including child components)
87.395 kB
28.184 kB
react-combobox
Dropdown (including child components)
85.798 kB
27.804 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
207.472 kB
57.814 kB
react-datepicker-compat
DatePicker Compat
217.582 kB
58.025 kB
react-dialog
Dialog (including children components)
87.367 kB
26.408 kB
react-divider
Divider
17.49 kB
6.364 kB
react-field
Field
18.174 kB
6.977 kB
react-image
Image
11.561 kB
4.637 kB
react-infobutton
InfoButton
126.163 kB
39.164 kB
react-infobutton
InfoLabel
129.763 kB
40.304 kB
react-input
Input
24.232 kB
7.781 kB
react-label
Label
10.186 kB
4.253 kB
react-link
Link
12.782 kB
5.247 kB
react-menu
Menu (including children components)
135.5 kB
41.325 kB
react-menu
Menu (including selectable components)
138.264 kB
41.828 kB
react-overflow
hooks only
12.64 kB
4.689 kB
react-persona
Persona
55.293 kB
16.535 kB
react-popover
Popover
114.722 kB
35.751 kB
react-portal
Portal
11.935 kB
4.421 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-positioning
usePositioning
24.468 kB
8.915 kB
react-progress
ProgressBar
13.941 kB
5.498 kB
react-provider
FluentProvider
18.129 kB
6.73 kB
react-radio
Radio
27.017 kB
8.638 kB
react-radio
RadioGroup
11.376 kB
4.763 kB
react-select
Select
24.955 kB
8.722 kB
react-slider
Slider
34.87 kB
11.178 kB
react-spinbutton
SpinButton
33.756 kB
10.35 kB
react-spinner
Spinner
21.77 kB
7.134 kB
react-switch
Switch
29.511 kB
9.239 kB
react-table
DataGrid
158.464 kB
42.465 kB
react-table
Table (Primitives only)
43.95 kB
12.263 kB
react-table
Table as DataGrid
132.268 kB
33.902 kB
react-table
Table (Selection only)
77.643 kB
19.195 kB
react-table
Table (Sort only)
76.262 kB
18.798 kB
react-tags-preview
InteractionTag
34.171 kB
9.199 kB
react-tags-preview
Tag
25.962 kB
8.49 kB
react-tags-preview
TagGroup
69.398 kB
20.364 kB
react-text
Text - Default
12.574 kB
4.982 kB
react-text
Text - Wrappers
15.726 kB
5.302 kB
react-textarea
Textarea
27.703 kB
9.126 kB
react-theme
Single theme token import
69 B
89 B
react-toast
Toast (including Toaster)
78.573 kB
23.728 kB
react-tooltip
Tooltip
47.659 kB
16.697 kB
🤖 This report was generated against 8959c81f6a2ef8637a4a7d7dd8b67bd40aa64cd6

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 25, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 8959c81f6a2ef8637a4a7d7dd8b67bd40aa64cd6 (build)

Copy link
Contributor

@tudorpopams tudorpopams left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approving for v-build

@miroslavstastny miroslavstastny merged commit 01cc58f into microsoft:master Aug 3, 2023
@miroslavstastny miroslavstastny deleted the feat/neutral-stroke-alpha-2 branch August 3, 2023 19:31
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2023
* master:
  chore(cxe-prg): migrate to new slot API (microsoft#28752)
  chore(teams-prg): migrate to new slot API (microsoft#28751)
  chore: re-export slot and assertSlots methods (microsoft#28755)
  Docs(react-tree): Improve docs and stories (microsoft#28741)
  feat: implements nested tree selection (microsoft#28668)
  applying package updates
  applying package updates
  feature(react-utilities): implements new slot methods (`slot` and `assertSlots`) (microsoft#28373)
  fix(TimePicker): Selection now works in locales that don't use "am"/"pm" in their time format (microsoft#28469)
  bugfix: ensures controlled state works properly + (microsoft#28665)
  feat(tokens): Add status color tokens (microsoft#28006)
  feat(tokens): Add colorBrandStroke2Contrast and colorNeutralStrokeAlpha2 (microsoft#28638)
  Made BreadcrumbButton consistent with Item and Link (microsoft#28672)
  fix(EventListener): do not use `defaultProps` (microsoft#28725)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants