@fluentui/react-components 9.51.1 → 9.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +157 -2
  2. package/dist/index.d.ts +165 -0
  3. package/lib/index.js +1 -0
  4. package/lib/index.js.map +1 -1
  5. package/lib-commonjs/index.js +94 -0
  6. package/lib-commonjs/index.js.map +1 -1
  7. package/package.json +55 -54
package/CHANGELOG.md CHANGED
@@ -1,12 +1,167 @@
1
1
  # Change Log - @fluentui/react-components
2
2
 
3
- This log was last generated on Thu, 16 May 2024 09:21:18 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 20 May 2024 12:36:26 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.52.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.52.0)
8
+
9
+ Mon, 20 May 2024 12:36:26 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.51.1..@fluentui/react-components_v9.52.0)
11
+
12
+ ### Minor changes
13
+
14
+ - `@fluentui/react-components`
15
+ - feat(react-swatch-picker): release SwatchPicker as 9.0.0 stable ([PR #31389](https://github.com/microsoft/fluentui/pull/31389) by vkozlova@microsoft.com)
16
+ - feat: Export missing contextValues. ([PR #31383](https://github.com/microsoft/fluentui/pull/31383) by estebanmu@microsoft.com)
17
+ - `@fluentui/react-message-bar`
18
+ - feat: Export missing contextValues. ([PR #31383](https://github.com/microsoft/fluentui/pull/31383) by estebanmu@microsoft.com)
19
+ - `@fluentui/react-nav-preview`
20
+ - fix: Updating types for NavItem and NavSubItem to better handle keyboarding. ([PR #31352](https://github.com/microsoft/fluentui/pull/31352) by matejera@microsoft.com)
21
+ - `@fluentui/react-provider`
22
+ - feat(react-swatch-picker): added CustomStyleHooks ([PR #31389](https://github.com/microsoft/fluentui/pull/31389) by vkozlova@microsoft.com)
23
+ - `@fluentui/react-shared-contexts`
24
+ - feat(react-swatch-picker): added CustomStyleHooks ([PR #31389](https://github.com/microsoft/fluentui/pull/31389) by vkozlova@microsoft.com)
25
+ - `@fluentui/react-swatch-picker`
26
+ - feat(react-swatch-picker): release SwatchPicker as 9.0.0 stable ([PR #31389](https://github.com/microsoft/fluentui/pull/31389) by vkozlova@microsoft.com)
27
+ - `@fluentui/react-tree`
28
+ - feat: exposes createHeadlessTree ([PR #31343](https://github.com/microsoft/fluentui/pull/31343) by bernardo.sunderhus@gmail.com)
29
+
30
+ ### Patches
31
+
32
+ - `@fluentui/react-accordion`
33
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
34
+ - `@fluentui/react-avatar`
35
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
36
+ - `@fluentui/react-badge`
37
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
38
+ - `@fluentui/react-breadcrumb`
39
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
40
+ - `@fluentui/react-button`
41
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
42
+ - `@fluentui/react-calendar-compat`
43
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
44
+ - `@fluentui/react-card`
45
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
46
+ - `@fluentui/react-checkbox`
47
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
48
+ - `@fluentui/react-combobox`
49
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
50
+ - `@fluentui/react-components`
51
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
52
+ - `@fluentui/react-conformance-griffel`
53
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
54
+ - `@fluentui/react-datepicker-compat`
55
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
56
+ - `@fluentui/react-dialog`
57
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
58
+ - `@fluentui/react-divider`
59
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
60
+ - `@fluentui/react-drawer`
61
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
62
+ - `@fluentui/react-field`
63
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
64
+ - `@fluentui/react-image`
65
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
66
+ - `@fluentui/react-infolabel`
67
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
68
+ - `@fluentui/react-input`
69
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
70
+ - `@fluentui/react-label`
71
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
72
+ - `@fluentui/react-link`
73
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
74
+ - `@fluentui/react-list-preview`
75
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
76
+ - `@fluentui/react-menu`
77
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
78
+ - fix: 8px menu section header padding ([PR #31396](https://github.com/microsoft/fluentui/pull/31396) by lingfangao@hotmail.com)
79
+ - `@fluentui/react-message-bar`
80
+ - fix: MessageBar without actions should not take up space ([PR #31391](https://github.com/microsoft/fluentui/pull/31391) by lingfangao@hotmail.com)
81
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
82
+ - `@fluentui/react-migration-v0-v9`
83
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
84
+ - `@fluentui/react-migration-v8-v9`
85
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
86
+ - `@fluentui/react-motion-preview`
87
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
88
+ - `@fluentui/react-motions-preview`
89
+ - chore(motions): add mock for .animate() calls ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by olfedias@microsoft.com)
90
+ - `@fluentui/react-nav-preview`
91
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
92
+ - `@fluentui/react-overflow`
93
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
94
+ - `@fluentui/react-persona`
95
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
96
+ - `@fluentui/react-popover`
97
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
98
+ - `@fluentui/react-portal`
99
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
100
+ - `@fluentui/react-positioning`
101
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
102
+ - `@fluentui/react-progress`
103
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
104
+ - `@fluentui/react-provider`
105
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
106
+ - `@fluentui/react-radio`
107
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
108
+ - `@fluentui/react-rating`
109
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
110
+ - `@fluentui/react-search`
111
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
112
+ - `@fluentui/react-select`
113
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
114
+ - `@fluentui/react-skeleton`
115
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
116
+ - `@fluentui/react-slider`
117
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
118
+ - `@fluentui/react-spinbutton`
119
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
120
+ - `@fluentui/react-spinner`
121
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
122
+ - `@fluentui/react-swatch-picker`
123
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
124
+ - `@fluentui/react-switch`
125
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
126
+ - `@fluentui/react-table`
127
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
128
+ - `@fluentui/react-tabs`
129
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
130
+ - `@fluentui/react-tabster`
131
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
132
+ - `@fluentui/react-tag-picker`
133
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
134
+ - `@fluentui/react-tags`
135
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
136
+ - `@fluentui/react-teaching-popover`
137
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
138
+ - `@fluentui/react-text`
139
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
140
+ - `@fluentui/react-textarea`
141
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
142
+ - `@fluentui/react-timepicker-compat`
143
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
144
+ - `@fluentui/react-toast`
145
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
146
+ - `@fluentui/react-toolbar`
147
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
148
+ - `@fluentui/react-tooltip`
149
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
150
+ - `@fluentui/react-tree`
151
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
152
+
153
+ ### Changes
154
+
155
+ - `@fluentui/babel-preset-global-context`
156
+ - chore: improve typings of exported preset ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
157
+ - `@fluentui/react-alert`
158
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
159
+ - `@fluentui/react-virtualizer`
160
+ - chore: bump @griffel/react ([PR #31258](https://github.com/microsoft/fluentui/pull/31258) by olfedias@microsoft.com)
161
+
7
162
  ## [9.51.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.51.1)
8
163
 
9
- Thu, 16 May 2024 09:21:18 GMT
164
+ Thu, 16 May 2024 09:25:11 GMT
10
165
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.51.0..@fluentui/react-components_v9.51.1)
11
166
 
12
167
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -151,6 +151,11 @@ import { CheckboxProps } from '@fluentui/react-checkbox';
151
151
  import { CheckboxSlots } from '@fluentui/react-checkbox';
152
152
  import { CheckboxState } from '@fluentui/react-checkbox';
153
153
  import { ColorPaletteTokens } from '@fluentui/react-theme';
154
+ import { ColorSwatch } from '@fluentui/react-swatch-picker';
155
+ import { colorSwatchClassNames } from '@fluentui/react-swatch-picker';
156
+ import { ColorSwatchProps } from '@fluentui/react-swatch-picker';
157
+ import { ColorSwatchSlots } from '@fluentui/react-swatch-picker';
158
+ import { ColorSwatchState } from '@fluentui/react-swatch-picker';
154
159
  import { ColorTokens } from '@fluentui/react-theme';
155
160
  import { ColumnIdContextProvider } from '@fluentui/react-table';
156
161
  import { Combobox } from '@fluentui/react-combobox';
@@ -318,6 +323,11 @@ import { DropdownProps } from '@fluentui/react-combobox';
318
323
  import { DropdownSlots } from '@fluentui/react-combobox';
319
324
  import { DropdownState } from '@fluentui/react-combobox';
320
325
  import { DurationTokens } from '@fluentui/react-theme';
326
+ import { EmptySwatch } from '@fluentui/react-swatch-picker';
327
+ import { emptySwatchClassNames } from '@fluentui/react-swatch-picker';
328
+ import { EmptySwatchProps } from '@fluentui/react-swatch-picker';
329
+ import { EmptySwatchSlots } from '@fluentui/react-swatch-picker';
330
+ import { EmptySwatchState } from '@fluentui/react-swatch-picker';
321
331
  import { Field } from '@fluentui/react-field';
322
332
  import { fieldClassNames } from '@fluentui/react-field';
323
333
  import { FieldContextProvider } from '@fluentui/react-field';
@@ -366,6 +376,11 @@ import { imageClassNames } from '@fluentui/react-image';
366
376
  import { ImageProps } from '@fluentui/react-image';
367
377
  import { ImageSlots } from '@fluentui/react-image';
368
378
  import { ImageState } from '@fluentui/react-image';
379
+ import { ImageSwatch } from '@fluentui/react-swatch-picker';
380
+ import { imageSwatchClassNames } from '@fluentui/react-swatch-picker';
381
+ import { ImageSwatchProps } from '@fluentui/react-swatch-picker';
382
+ import { ImageSwatchSlots } from '@fluentui/react-swatch-picker';
383
+ import { ImageSwatchState } from '@fluentui/react-swatch-picker';
369
384
  import { InfoLabel } from '@fluentui/react-infolabel';
370
385
  import { infoLabelClassNames } from '@fluentui/react-infolabel';
371
386
  import { InfoLabelProps } from '@fluentui/react-infolabel';
@@ -508,6 +523,7 @@ import { mergeClasses } from '@griffel/react';
508
523
  import { MessageBar } from '@fluentui/react-message-bar';
509
524
  import { MessageBarActions } from '@fluentui/react-message-bar';
510
525
  import { messageBarActionsClassNames } from '@fluentui/react-message-bar';
526
+ import { MessageBarActionsContextValues } from '@fluentui/react-message-bar';
511
527
  import { MessageBarActionsProps } from '@fluentui/react-message-bar';
512
528
  import { MessageBarActionsSlots } from '@fluentui/react-message-bar';
513
529
  import { MessageBarActionsState } from '@fluentui/react-message-bar';
@@ -519,6 +535,7 @@ import { MessageBarBodyState } from '@fluentui/react-message-bar';
519
535
  import { messageBarClassNames } from '@fluentui/react-message-bar';
520
536
  import { MessageBarContextProvider } from '@fluentui/react-message-bar';
521
537
  import { MessageBarContextValue } from '@fluentui/react-message-bar';
538
+ import { MessageBarContextValues } from '@fluentui/react-message-bar';
522
539
  import { MessageBarGroup } from '@fluentui/react-message-bar';
523
540
  import { messageBarGroupClassNames } from '@fluentui/react-message-bar';
524
541
  import { MessageBarGroupProps } from '@fluentui/react-message-bar';
@@ -533,6 +550,7 @@ import { messageBarTitleClassNames } from '@fluentui/react-message-bar';
533
550
  import { MessageBarTitleProps } from '@fluentui/react-message-bar';
534
551
  import { MessageBarTitleSlots } from '@fluentui/react-message-bar';
535
552
  import { MessageBarTitleState } from '@fluentui/react-message-bar';
553
+ import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
536
554
  import { OnOpenChangeData } from '@fluentui/react-popover';
537
555
  import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
538
556
  import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -671,6 +689,7 @@ import { renderCardFooter_unstable } from '@fluentui/react-card';
671
689
  import { renderCardHeader_unstable } from '@fluentui/react-card';
672
690
  import { renderCardPreview_unstable } from '@fluentui/react-card';
673
691
  import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
692
+ import { renderColorSwatch_unstable } from '@fluentui/react-swatch-picker';
674
693
  import { renderCombobox_unstable } from '@fluentui/react-combobox';
675
694
  import { renderCompoundButton_unstable } from '@fluentui/react-button';
676
695
  import { renderDataGrid_unstable } from '@fluentui/react-table';
@@ -695,11 +714,13 @@ import { renderDrawerHeader_unstable } from '@fluentui/react-drawer';
695
714
  import { renderDrawerHeaderNavigation_unstable } from '@fluentui/react-drawer';
696
715
  import { renderDrawerHeaderTitle_unstable } from '@fluentui/react-drawer';
697
716
  import { renderDropdown_unstable } from '@fluentui/react-combobox';
717
+ import { renderEmptySwatch_unstable } from '@fluentui/react-swatch-picker';
698
718
  import { RendererProvider } from '@griffel/react';
699
719
  import { renderField_unstable } from '@fluentui/react-field';
700
720
  import { renderFlatTree_unstable } from '@fluentui/react-tree';
701
721
  import { renderFluentProvider_unstable } from '@fluentui/react-provider';
702
722
  import { renderImage_unstable } from '@fluentui/react-image';
723
+ import { renderImageSwatch_unstable } from '@fluentui/react-swatch-picker';
703
724
  import { renderInfoLabel_unstable } from '@fluentui/react-infolabel';
704
725
  import { renderInlineDrawer_unstable } from '@fluentui/react-drawer';
705
726
  import { renderInput_unstable } from '@fluentui/react-input';
@@ -750,6 +771,9 @@ import { renderSlider_unstable } from '@fluentui/react-slider';
750
771
  import { renderSpinButton_unstable } from '@fluentui/react-spinbutton';
751
772
  import { renderSpinner_unstable } from '@fluentui/react-spinner';
752
773
  import { renderSplitButton_unstable } from '@fluentui/react-button';
774
+ import { renderSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
775
+ import { renderSwatchPickerGrid } from '@fluentui/react-swatch-picker';
776
+ import { renderSwatchPickerRow_unstable } from '@fluentui/react-swatch-picker';
753
777
  import { renderSwitch_unstable } from '@fluentui/react-switch';
754
778
  import { renderTab_unstable } from '@fluentui/react-tabs';
755
779
  import { renderTable_unstable } from '@fluentui/react-table';
@@ -888,6 +912,25 @@ import { subtitle2ClassNames } from '@fluentui/react-text';
888
912
  import { Subtitle2Stronger } from '@fluentui/react-text';
889
913
  import { subtitle2StrongerClassNames } from '@fluentui/react-text';
890
914
  import { SubtreeContextValue } from '@fluentui/react-tree';
915
+ import { swatchCSSVars } from '@fluentui/react-swatch-picker';
916
+ import { SwatchPicker } from '@fluentui/react-swatch-picker';
917
+ import { swatchPickerClassNames } from '@fluentui/react-swatch-picker';
918
+ import { swatchPickerContextDefaultValue } from '@fluentui/react-swatch-picker';
919
+ import { SwatchPickerContextValue } from '@fluentui/react-swatch-picker';
920
+ import { SwatchPickerContextValues } from '@fluentui/react-swatch-picker';
921
+ import { SwatchPickerGridProps } from '@fluentui/react-swatch-picker';
922
+ import { SwatchPickerOnSelectEventHandler } from '@fluentui/react-swatch-picker';
923
+ import { SwatchPickerOnSelectionChangeData } from '@fluentui/react-swatch-picker';
924
+ import { SwatchPickerProps } from '@fluentui/react-swatch-picker';
925
+ import { SwatchPickerProvider } from '@fluentui/react-swatch-picker';
926
+ import { SwatchPickerRow } from '@fluentui/react-swatch-picker';
927
+ import { swatchPickerRowClassNames } from '@fluentui/react-swatch-picker';
928
+ import { SwatchPickerRowProps } from '@fluentui/react-swatch-picker';
929
+ import { SwatchPickerRowSlots } from '@fluentui/react-swatch-picker';
930
+ import { SwatchPickerRowState } from '@fluentui/react-swatch-picker';
931
+ import { SwatchPickerSlots } from '@fluentui/react-swatch-picker';
932
+ import { SwatchPickerState } from '@fluentui/react-swatch-picker';
933
+ import { SwatchProps } from '@fluentui/react-swatch-picker';
891
934
  import { Switch } from '@fluentui/react-switch';
892
935
  import { switchClassNames } from '@fluentui/react-switch';
893
936
  import { SwitchOnChangeData } from '@fluentui/react-switch';
@@ -1288,6 +1331,8 @@ import { useCardStyles_unstable } from '@fluentui/react-card';
1288
1331
  import { useCheckbox_unstable } from '@fluentui/react-checkbox';
1289
1332
  import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
1290
1333
  import { useCheckmarkStyles_unstable } from '@fluentui/react-menu';
1334
+ import { useColorSwatch_unstable } from '@fluentui/react-swatch-picker';
1335
+ import { useColorSwatchStyles_unstable } from '@fluentui/react-swatch-picker';
1291
1336
  import { useColumnIdContext } from '@fluentui/react-table';
1292
1337
  import { useCombobox_unstable } from '@fluentui/react-combobox';
1293
1338
  import { useComboboxContextValues } from '@fluentui/react-combobox';
@@ -1346,6 +1391,8 @@ import { useDrawerHeaderTitleStyles_unstable } from '@fluentui/react-drawer';
1346
1391
  import { useDrawerStyles_unstable } from '@fluentui/react-drawer';
1347
1392
  import { useDropdown_unstable } from '@fluentui/react-combobox';
1348
1393
  import { useDropdownStyles_unstable } from '@fluentui/react-combobox';
1394
+ import { useEmptySwatch_unstable } from '@fluentui/react-swatch-picker';
1395
+ import { useEmptySwatchStyles_unstable } from '@fluentui/react-swatch-picker';
1349
1396
  import { useEventCallback } from '@fluentui/react-utilities';
1350
1397
  import { useField_unstable } from '@fluentui/react-field';
1351
1398
  import { useFieldContext_unstable } from '@fluentui/react-field';
@@ -1370,6 +1417,8 @@ import { useHeadlessFlatTree_unstable } from '@fluentui/react-tree';
1370
1417
  import { useId } from '@fluentui/react-utilities';
1371
1418
  import { useImage_unstable } from '@fluentui/react-image';
1372
1419
  import { useImageStyles_unstable } from '@fluentui/react-image';
1420
+ import { useImageSwatch_unstable } from '@fluentui/react-swatch-picker';
1421
+ import { useImageSwatchStyles_unstable } from '@fluentui/react-swatch-picker';
1373
1422
  import { useInfoLabel_unstable } from '@fluentui/react-infolabel';
1374
1423
  import { useInfoLabelStyles_unstable } from '@fluentui/react-infolabel';
1375
1424
  import { useInlineDrawer_unstable } from '@fluentui/react-drawer';
@@ -1508,6 +1557,12 @@ import { useSpinnerStyles_unstable } from '@fluentui/react-spinner';
1508
1557
  import { useSplitButton_unstable } from '@fluentui/react-button';
1509
1558
  import { useSplitButtonStyles_unstable } from '@fluentui/react-button';
1510
1559
  import { useSubtreeContext_unstable } from '@fluentui/react-tree';
1560
+ import { useSwatchPicker_unstable } from '@fluentui/react-swatch-picker';
1561
+ import { useSwatchPickerContextValue_unstable } from '@fluentui/react-swatch-picker';
1562
+ import { useSwatchPickerContextValues } from '@fluentui/react-swatch-picker';
1563
+ import { useSwatchPickerRow_unstable } from '@fluentui/react-swatch-picker';
1564
+ import { useSwatchPickerRowStyles_unstable } from '@fluentui/react-swatch-picker';
1565
+ import { useSwatchPickerStyles_unstable } from '@fluentui/react-swatch-picker';
1511
1566
  import { useSwitch_unstable } from '@fluentui/react-switch';
1512
1567
  import { useSwitchStyles_unstable } from '@fluentui/react-switch';
1513
1568
  import { useTab_unstable } from '@fluentui/react-tabs';
@@ -1948,6 +2003,16 @@ export { CheckboxState }
1948
2003
 
1949
2004
  export { ColorPaletteTokens }
1950
2005
 
2006
+ export { ColorSwatch }
2007
+
2008
+ export { colorSwatchClassNames }
2009
+
2010
+ export { ColorSwatchProps }
2011
+
2012
+ export { ColorSwatchSlots }
2013
+
2014
+ export { ColorSwatchState }
2015
+
1951
2016
  export { ColorTokens }
1952
2017
 
1953
2018
  export { ColumnIdContextProvider }
@@ -2282,6 +2347,16 @@ export { DropdownState }
2282
2347
 
2283
2348
  export { DurationTokens }
2284
2349
 
2350
+ export { EmptySwatch }
2351
+
2352
+ export { emptySwatchClassNames }
2353
+
2354
+ export { EmptySwatchProps }
2355
+
2356
+ export { EmptySwatchSlots }
2357
+
2358
+ export { EmptySwatchState }
2359
+
2285
2360
  export { Field }
2286
2361
 
2287
2362
  export { fieldClassNames }
@@ -2378,6 +2453,16 @@ export { ImageSlots }
2378
2453
 
2379
2454
  export { ImageState }
2380
2455
 
2456
+ export { ImageSwatch }
2457
+
2458
+ export { imageSwatchClassNames }
2459
+
2460
+ export { ImageSwatchProps }
2461
+
2462
+ export { ImageSwatchSlots }
2463
+
2464
+ export { ImageSwatchState }
2465
+
2381
2466
  export { InfoLabel }
2382
2467
 
2383
2468
  export { infoLabelClassNames }
@@ -2662,6 +2747,8 @@ export { MessageBarActions }
2662
2747
 
2663
2748
  export { messageBarActionsClassNames }
2664
2749
 
2750
+ export { MessageBarActionsContextValues }
2751
+
2665
2752
  export { MessageBarActionsProps }
2666
2753
 
2667
2754
  export { MessageBarActionsSlots }
@@ -2684,6 +2771,8 @@ export { MessageBarContextProvider }
2684
2771
 
2685
2772
  export { MessageBarContextValue }
2686
2773
 
2774
+ export { MessageBarContextValues }
2775
+
2687
2776
  export { MessageBarGroup }
2688
2777
 
2689
2778
  export { messageBarGroupClassNames }
@@ -2712,6 +2801,8 @@ export { MessageBarTitleSlots }
2712
2801
 
2713
2802
  export { MessageBarTitleState }
2714
2803
 
2804
+ export { MessageBarTransitionContextValue }
2805
+
2715
2806
  export { OnOpenChangeData }
2716
2807
 
2717
2808
  export { OnSelectionChangeCallback }
@@ -2988,6 +3079,8 @@ export { renderCardPreview_unstable }
2988
3079
 
2989
3080
  export { renderCheckbox_unstable }
2990
3081
 
3082
+ export { renderColorSwatch_unstable }
3083
+
2991
3084
  export { renderCombobox_unstable }
2992
3085
 
2993
3086
  export { renderCompoundButton_unstable }
@@ -3036,6 +3129,8 @@ export { renderDrawerHeaderTitle_unstable }
3036
3129
 
3037
3130
  export { renderDropdown_unstable }
3038
3131
 
3132
+ export { renderEmptySwatch_unstable }
3133
+
3039
3134
  export { RendererProvider }
3040
3135
 
3041
3136
  export { renderField_unstable }
@@ -3046,6 +3141,8 @@ export { renderFluentProvider_unstable }
3046
3141
 
3047
3142
  export { renderImage_unstable }
3048
3143
 
3144
+ export { renderImageSwatch_unstable }
3145
+
3049
3146
  export { renderInfoLabel_unstable }
3050
3147
 
3051
3148
  export { renderInlineDrawer_unstable }
@@ -3146,6 +3243,12 @@ export { renderSpinner_unstable }
3146
3243
 
3147
3244
  export { renderSplitButton_unstable }
3148
3245
 
3246
+ export { renderSwatchPicker_unstable }
3247
+
3248
+ export { renderSwatchPickerGrid }
3249
+
3250
+ export { renderSwatchPickerRow_unstable }
3251
+
3149
3252
  export { renderSwitch_unstable }
3150
3253
 
3151
3254
  export { renderTab_unstable }
@@ -3422,6 +3525,44 @@ export { subtitle2StrongerClassNames }
3422
3525
 
3423
3526
  export { SubtreeContextValue }
3424
3527
 
3528
+ export { swatchCSSVars }
3529
+
3530
+ export { SwatchPicker }
3531
+
3532
+ export { swatchPickerClassNames }
3533
+
3534
+ export { swatchPickerContextDefaultValue }
3535
+
3536
+ export { SwatchPickerContextValue }
3537
+
3538
+ export { SwatchPickerContextValues }
3539
+
3540
+ export { SwatchPickerGridProps }
3541
+
3542
+ export { SwatchPickerOnSelectEventHandler }
3543
+
3544
+ export { SwatchPickerOnSelectionChangeData }
3545
+
3546
+ export { SwatchPickerProps }
3547
+
3548
+ export { SwatchPickerProvider }
3549
+
3550
+ export { SwatchPickerRow }
3551
+
3552
+ export { swatchPickerRowClassNames }
3553
+
3554
+ export { SwatchPickerRowProps }
3555
+
3556
+ export { SwatchPickerRowSlots }
3557
+
3558
+ export { SwatchPickerRowState }
3559
+
3560
+ export { SwatchPickerSlots }
3561
+
3562
+ export { SwatchPickerState }
3563
+
3564
+ export { SwatchProps }
3565
+
3425
3566
  export { Switch }
3426
3567
 
3427
3568
  export { switchClassNames }
@@ -4222,6 +4363,10 @@ export { useCheckboxStyles_unstable }
4222
4363
 
4223
4364
  export { useCheckmarkStyles_unstable }
4224
4365
 
4366
+ export { useColorSwatch_unstable }
4367
+
4368
+ export { useColorSwatchStyles_unstable }
4369
+
4225
4370
  export { useColumnIdContext }
4226
4371
 
4227
4372
  export { useCombobox_unstable }
@@ -4338,6 +4483,10 @@ export { useDropdown_unstable }
4338
4483
 
4339
4484
  export { useDropdownStyles_unstable }
4340
4485
 
4486
+ export { useEmptySwatch_unstable }
4487
+
4488
+ export { useEmptySwatchStyles_unstable }
4489
+
4341
4490
  export { useEventCallback }
4342
4491
 
4343
4492
  export { useField_unstable }
@@ -4386,6 +4535,10 @@ export { useImage_unstable }
4386
4535
 
4387
4536
  export { useImageStyles_unstable }
4388
4537
 
4538
+ export { useImageSwatch_unstable }
4539
+
4540
+ export { useImageSwatchStyles_unstable }
4541
+
4389
4542
  export { useInfoLabel_unstable }
4390
4543
 
4391
4544
  export { useInfoLabelStyles_unstable }
@@ -4662,6 +4815,18 @@ export { useSplitButtonStyles_unstable }
4662
4815
 
4663
4816
  export { useSubtreeContext_unstable }
4664
4817
 
4818
+ export { useSwatchPicker_unstable }
4819
+
4820
+ export { useSwatchPickerContextValue_unstable }
4821
+
4822
+ export { useSwatchPickerContextValues }
4823
+
4824
+ export { useSwatchPickerRow_unstable }
4825
+
4826
+ export { useSwatchPickerRowStyles_unstable }
4827
+
4828
+ export { useSwatchPickerStyles_unstable }
4829
+
4665
4830
  export { useSwitch_unstable }
4666
4831
 
4667
4832
  export { useSwitchStyles_unstable }
package/lib/index.js CHANGED
@@ -59,3 +59,4 @@ export { Rating, ratingClassNames, renderRating_unstable, useRatingStyles_unstab
59
59
  export { SearchBox, renderSearchBox_unstable, searchBoxClassNames, useSearchBoxStyles_unstable, useSearchBox_unstable } from '@fluentui/react-search';
60
60
  export { TeachingPopoverHeader, teachingPopoverHeaderClassNames, renderTeachingPopoverHeader_unstable, useTeachingPopoverHeaderStyles_unstable, useTeachingPopoverHeader_unstable, TeachingPopoverBody, teachingPopoverBodyClassNames, renderTeachingPopoverBody_unstable, useTeachingPopoverBodyStyles_unstable, useTeachingPopoverBody_unstable, TeachingPopoverCarouselCard, teachingPopoverCarouselCardClassNames, renderTeachingPopoverCarouselCard_unstable, useTeachingPopoverCarouselCardStyles_unstable, useTeachingPopoverCarouselCard_unstable, TeachingPopoverCarousel, teachingPopoverCarouselClassNames, renderTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselStyles_unstable, useTeachingPopoverCarousel_unstable, useTeachingPopoverCarouselContextValues_unstable, TeachingPopoverCarouselFooter, teachingPopoverCarouselFooterClassNames, renderTeachingPopoverCarouselFooter_unstable, useTeachingPopoverCarouselFooterStyles_unstable, useTeachingPopoverCarouselFooter_unstable, TeachingPopoverCarouselNav, teachingPopoverCarouselNavClassNames, renderTeachingPopoverCarouselNav_unstable, useTeachingPopoverCarouselNavStyles_unstable, useTeachingPopoverCarouselNav_unstable, TeachingPopoverCarouselNavButton, teachingPopoverCarouselNavButtonClassNames, renderTeachingPopoverCarouselNavButton_unstable, useTeachingPopoverCarouselNavButtonStyles_unstable, useTeachingPopoverCarouselNavButton_unstable, TeachingPopoverSurface, renderTeachingPopoverSurface_unstable, teachingPopoverSurfaceClassNames, useTeachingPopoverSurfaceStyles_unstable, useTeachingPopoverSurface_unstable, TeachingPopoverTitle, teachingPopoverTitleClassNames, renderTeachingPopoverTitle_unstable, useTeachingPopoverTitleStyles_unstable, useTeachingPopoverTitle_unstable, TeachingPopoverTrigger, renderTeachingPopoverTrigger_unstable, useTeachingPopoverTrigger_unstable, TeachingPopover, renderTeachingPopover_unstable, useTeachingPopover_unstable, TeachingPopoverFooter, teachingPopoverFooterClassNames, renderTeachingPopoverFooter_unstable, useTeachingPopoverFooter_unstable, TeachingPopoverCarouselPageCount, renderTeachingPopoverCarouselPageCount_unstable, teachingPopoverCarouselPageCountClassNames, useTeachingPopoverCarouselPageCountStyles_unstable, useTeachingPopoverCarouselPageCount_unstable } from '@fluentui/react-teaching-popover';
61
61
  export { TagPicker, renderTagPicker_unstable, useTagPicker_unstable, TagPickerInput, tagPickerInputClassNames, renderTagPickerInput_unstable, useTagPickerInputStyles_unstable, useTagPickerInput_unstable, TagPickerList, tagPickerListClassNames, renderTagPickerList_unstable, useTagPickerListStyles_unstable, useTagPickerList_unstable, TagPickerButton, tagPickerButtonClassNames, renderTagPickerButton_unstable, useTagPickerButtonStyles_unstable, useTagPickerButton_unstable, TagPickerControl, tagPickerControlClassNames, renderTagPickerControl_unstable, useTagPickerControlStyles_unstable, useTagPickerControl_unstable, TagPickerOption, tagPickerOptionClassNames, renderTagPickerOption_unstable, useTagPickerOptionStyles_unstable, useTagPickerOption_unstable, TagPickerGroup, tagPickerGroupClassNames, renderTagPickerGroup_unstable, useTagPickerGroupStyles_unstable, useTagPickerGroup_unstable, TagPickerOptionGroup, tagPickerOptionGroupClassNames, renderTagPickerOptionGroup, useTagPickerOptionGroupStyles, useTagPickerOptionGroup, useTagPickerFilter } from '@fluentui/react-tag-picker';
62
+ export { SwatchPicker, renderSwatchPicker_unstable, useSwatchPickerStyles_unstable, useSwatchPicker_unstable, swatchPickerClassNames, SwatchPickerProvider, swatchPickerContextDefaultValue, useSwatchPickerContextValue_unstable, useSwatchPickerContextValues, ColorSwatch, renderColorSwatch_unstable, useColorSwatchStyles_unstable, useColorSwatch_unstable, colorSwatchClassNames, swatchCSSVars, ImageSwatch, renderImageSwatch_unstable, useImageSwatchStyles_unstable, useImageSwatch_unstable, imageSwatchClassNames, SwatchPickerRow, renderSwatchPickerRow_unstable, useSwatchPickerRowStyles_unstable, useSwatchPickerRow_unstable, swatchPickerRowClassNames, renderSwatchPickerGrid, EmptySwatch, renderEmptySwatch_unstable, useEmptySwatchStyles_unstable, useEmptySwatch_unstable, emptySwatchClassNames } from '@fluentui/react-swatch-picker';