@fluentui/react-components 9.54.17 → 9.55.1

package/CHANGELOG.md

@@ -1,12 +1,69 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Thu, 26 Sep 2024 14:14:11 GMT and should not be manually modified.
+This log was last generated on Tue, 15 Oct 2024 17:13:28 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.55.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.55.1)
+
+Tue, 15 Oct 2024 17:13:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.55.0..@fluentui/react-components_v9.55.1)
+
+### Minor changes
+
+- `@fluentui/react-motion-components-preview`
+  - refactor: simplify motion component variant creation ([PR #32939](https://github.com/microsoft/fluentui/pull/32939) by robertpenner@microsoft.com)
+  - feat: add Collapse orientation parameter & horizontal implementation ([PR #32998](https://github.com/microsoft/fluentui/pull/32998) by robertpenner@microsoft.com)
+- `@fluentui/react-tabs`
+  - feature: add rounded tab variant ([PR #32944](https://github.com/microsoft/fluentui/pull/32944) by kirpadv@gmail.com)
+- `@fluentui/react-carousel`
+  - feat: Add fade motion to carousel as an optional prop ([PR #33000](https://github.com/microsoft/fluentui/pull/33000) by mifraser@microsoft.com)
+  - feat: Enable circular focus if circular, and enable animations on focus index change ([PR #33015](https://github.com/microsoft/fluentui/pull/33015) by mifraser@microsoft.com)
+- `@fluentui/react-motion`
+  - feat: export MotionParam type ([PR #32939](https://github.com/microsoft/fluentui/pull/32939) by robertpenner@microsoft.com)
+
+### Patches
+
+- `@fluentui/react-motion-components-preview`
+  - fix: Collapse should only effect opacity when animateOpacity is true ([PR #32999](https://github.com/microsoft/fluentui/pull/32999) by robertpenner@microsoft.com)
+- `@fluentui/react-tabster`
+  - fix: useMergedTabsterAttributes should accept null/undefined values ([PR #32983](https://github.com/microsoft/fluentui/pull/32983) by lingfangao@hotmail.com)
+
+### Changes
+
+- `@fluentui/tokens`
+  - feat: add explicit .js file extensions to all relative import/export statement within built output to support native ESM within browser ([PR #30770](https://github.com/microsoft/fluentui/pull/30770) by martinhochel@microsoft.com)
+
+## [9.55.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.55.0)
+
+Tue, 08 Oct 2024 22:05:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.54.17..@fluentui/react-components_v9.55.0)
+
+### Minor changes
+
+- `@fluentui/react-carousel`
+  - feat: Stable release react-carousel ([PR #32883](https://github.com/microsoft/fluentui/pull/32883) by mifraser@microsoft.com)
+- `@fluentui/react-components`
+  - feat: Stable release of react-carousel ([PR #32883](https://github.com/microsoft/fluentui/pull/32883) by mifraser@microsoft.com)
+- `@fluentui/react-link`
+  - feat: add LinkContextProvider ([PR #32850](https://github.com/microsoft/fluentui/pull/32850) by vgenaev@gmail.com)
+- `@fluentui/react-nav-preview`
+  - feat: Build out SplitNavItem ([PR #32873](https://github.com/microsoft/fluentui/pull/32873) by matejera@microsoft.com)
+  - feat: Add props for SplitSubNavItems and Tooltips. Other pixel pushing on SplitNavItem ([PR #32964](https://github.com/microsoft/fluentui/pull/32964) by matejera@microsoft.com)
+- `@fluentui/react-spinner`
+  - feat: spinner root slot as span ([PR #32989](https://github.com/microsoft/fluentui/pull/32989) by kirpadv@gmail.com)
+
+### Patches
+
+- `@fluentui/react-message-bar`
+  - fix: add null check in ResizeObserver callback ([PR #32971](https://github.com/microsoft/fluentui/pull/32971) by seanmonahan@microsoft.com)
+  - fix: use LinkContextProvider to force all links inside MessageBody to be underlined ([PR #32850](https://github.com/microsoft/fluentui/pull/32850) by vgenaev@gmail.com)
+- `@fluentui/react-tabster`
+  - Bump tabster to 8.2.0 to fix trapped Modalizer logic ([PR #32963](https://github.com/microsoft/fluentui/pull/32963) by jiangemma@microsoft.com)
+
 ## [9.54.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.54.17)
 
-Thu, 26 Sep 2024 14:14:11 GMT 
+Thu, 26 Sep 2024 14:15:26 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.54.16..@fluentui/react-components_v9.54.17)
 
 ### Minor changes

package/dist/index.d.ts

@@ -146,6 +146,57 @@ import { CardPreviewState } from '@fluentui/react-card';
 import { CardProps } from '@fluentui/react-card';
 import { CardSlots } from '@fluentui/react-card';
 import { CardState } from '@fluentui/react-card';
+import { Carousel } from '@fluentui/react-carousel';
+import { CarouselAnnouncerFunction } from '@fluentui/react-carousel';
+import { CarouselAutoplayButton } from '@fluentui/react-carousel';
+import { carouselAutoplayButtonClassNames } from '@fluentui/react-carousel';
+import { CarouselAutoplayButtonProps } from '@fluentui/react-carousel';
+import { CarouselAutoplayButtonSlots } from '@fluentui/react-carousel';
+import { CarouselAutoplayButtonState } from '@fluentui/react-carousel';
+import { CarouselButton } from '@fluentui/react-carousel';
+import { carouselButtonClassNames } from '@fluentui/react-carousel';
+import { CarouselButtonProps } from '@fluentui/react-carousel';
+import { CarouselButtonSlots } from '@fluentui/react-carousel';
+import { CarouselButtonState } from '@fluentui/react-carousel';
+import { CarouselCard } from '@fluentui/react-carousel';
+import { carouselCardClassNames } from '@fluentui/react-carousel';
+import { CarouselCardProps } from '@fluentui/react-carousel';
+import { CarouselCardSlots } from '@fluentui/react-carousel';
+import { CarouselCardState } from '@fluentui/react-carousel';
+import { carouselClassNames } from '@fluentui/react-carousel';
+import { carouselContextDefaultValue } from '@fluentui/react-carousel';
+import { CarouselContextValue } from '@fluentui/react-carousel';
+import { CarouselContextValues } from '@fluentui/react-carousel';
+import { CarouselIndexChangeData } from '@fluentui/react-carousel';
+import { CarouselNav } from '@fluentui/react-carousel';
+import { CarouselNavButton } from '@fluentui/react-carousel';
+import { carouselNavButtonClassNames } from '@fluentui/react-carousel';
+import { CarouselNavButtonProps } from '@fluentui/react-carousel';
+import { CarouselNavButtonSlots } from '@fluentui/react-carousel';
+import { CarouselNavButtonState } from '@fluentui/react-carousel';
+import { carouselNavClassNames } from '@fluentui/react-carousel';
+import { CarouselNavContainer } from '@fluentui/react-carousel';
+import { carouselNavContainerClassNames } from '@fluentui/react-carousel';
+import { CarouselNavContainerProps } from '@fluentui/react-carousel';
+import { CarouselNavContainerSlots } from '@fluentui/react-carousel';
+import { CarouselNavContainerState } from '@fluentui/react-carousel';
+import { CarouselNavImageButton } from '@fluentui/react-carousel';
+import { carouselNavImageButtonClassNames } from '@fluentui/react-carousel';
+import { CarouselNavImageButtonProps } from '@fluentui/react-carousel';
+import { CarouselNavImageButtonSlots } from '@fluentui/react-carousel';
+import { CarouselNavImageButtonState } from '@fluentui/react-carousel';
+import { CarouselNavProps } from '@fluentui/react-carousel';
+import { CarouselNavSlots } from '@fluentui/react-carousel';
+import { CarouselNavState } from '@fluentui/react-carousel';
+import { CarouselProps } from '@fluentui/react-carousel';
+import { CarouselProvider } from '@fluentui/react-carousel';
+import { CarouselSlider } from '@fluentui/react-carousel';
+import { carouselSliderClassNames } from '@fluentui/react-carousel';
+import { CarouselSliderProps } from '@fluentui/react-carousel';
+import { CarouselSliderSlots } from '@fluentui/react-carousel';
+import { CarouselSliderState } from '@fluentui/react-carousel';
+import { CarouselSlots } from '@fluentui/react-carousel';
+import { CarouselState } from '@fluentui/react-carousel';
 import { Checkbox } from '@fluentui/react-checkbox';
 import { checkboxClassNames } from '@fluentui/react-checkbox';
 import { CheckboxOnChangeData } from '@fluentui/react-checkbox';
@@ -561,6 +612,7 @@ import { MessageBarTransitionContextValue } from '@fluentui/react-message-bar';
 import { MotionComponentProps } from '@fluentui/react-motion';
 import { MotionImperativeRef } from '@fluentui/react-motion';
 import { motionTokens } from '@fluentui/react-motion';
+import { NavButtonRenderFunction } from '@fluentui/react-carousel';
 import { OnOpenChangeData } from '@fluentui/react-popover';
 import { OnSelectionChangeCallback } from '@fluentui/react-utilities';
 import { OnSelectionChangeData } from '@fluentui/react-utilities';
@@ -702,6 +754,15 @@ import { renderCard_unstable } from '@fluentui/react-card';
 import { renderCardFooter_unstable } from '@fluentui/react-card';
 import { renderCardHeader_unstable } from '@fluentui/react-card';
 import { renderCardPreview_unstable } from '@fluentui/react-card';
+import { renderCarousel_unstable } from '@fluentui/react-carousel';
+import { renderCarouselAutoplayButton_unstable } from '@fluentui/react-carousel';
+import { renderCarouselButton_unstable } from '@fluentui/react-carousel';
+import { renderCarouselCard_unstable } from '@fluentui/react-carousel';
+import { renderCarouselNav_unstable } from '@fluentui/react-carousel';
+import { renderCarouselNavButton_unstable } from '@fluentui/react-carousel';
+import { renderCarouselNavContainer_unstable } from '@fluentui/react-carousel';
+import { renderCarouselNavImageButton_unstable } from '@fluentui/react-carousel';
+import { renderCarouselSlider_unstable } from '@fluentui/react-carousel';
 import { renderCheckbox_unstable } from '@fluentui/react-checkbox';
 import { renderColorSwatch_unstable } from '@fluentui/react-swatch-picker';
 import { renderCombobox_unstable } from '@fluentui/react-combobox';
@@ -1343,6 +1404,25 @@ import { useCardHeaderStyles_unstable } from '@fluentui/react-card';
 import { useCardPreview_unstable } from '@fluentui/react-card';
 import { useCardPreviewStyles_unstable } from '@fluentui/react-card';
 import { useCardStyles_unstable } from '@fluentui/react-card';
+import { useCarousel_unstable } from '@fluentui/react-carousel';
+import { useCarouselAutoplayButton_unstable } from '@fluentui/react-carousel';
+import { useCarouselAutoplayButtonStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselButton_unstable } from '@fluentui/react-carousel';
+import { useCarouselButtonStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselCard_unstable } from '@fluentui/react-carousel';
+import { useCarouselCardStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselContext_unstable } from '@fluentui/react-carousel';
+import { useCarouselNav_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavButton_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavButtonStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavContainer_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavContainerStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavImageButton_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavImageButtonStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselNavStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselSlider_unstable } from '@fluentui/react-carousel';
+import { useCarouselSliderStyles_unstable } from '@fluentui/react-carousel';
+import { useCarouselStyles_unstable } from '@fluentui/react-carousel';
 import { useCheckbox_unstable } from '@fluentui/react-checkbox';
 import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox';
 import { useCheckmarkStyles_unstable } from '@fluentui/react-menu';
@@ -2009,6 +2089,108 @@ export { CardSlots }
 
 export { CardState }
 
+export { Carousel }
+
+export { CarouselAnnouncerFunction }
+
+export { CarouselAutoplayButton }
+
+export { carouselAutoplayButtonClassNames }
+
+export { CarouselAutoplayButtonProps }
+
+export { CarouselAutoplayButtonSlots }
+
+export { CarouselAutoplayButtonState }
+
+export { CarouselButton }
+
+export { carouselButtonClassNames }
+
+export { CarouselButtonProps }
+
+export { CarouselButtonSlots }
+
+export { CarouselButtonState }
+
+export { CarouselCard }
+
+export { carouselCardClassNames }
+
+export { CarouselCardProps }
+
+export { CarouselCardSlots }
+
+export { CarouselCardState }
+
+export { carouselClassNames }
+
+export { carouselContextDefaultValue }
+
+export { CarouselContextValue }
+
+export { CarouselContextValues }
+
+export { CarouselIndexChangeData }
+
+export { CarouselNav }
+
+export { CarouselNavButton }
+
+export { carouselNavButtonClassNames }
+
+export { CarouselNavButtonProps }
+
+export { CarouselNavButtonSlots }
+
+export { CarouselNavButtonState }
+
+export { carouselNavClassNames }
+
+export { CarouselNavContainer }
+
+export { carouselNavContainerClassNames }
+
+export { CarouselNavContainerProps }
+
+export { CarouselNavContainerSlots }
+
+export { CarouselNavContainerState }
+
+export { CarouselNavImageButton }
+
+export { carouselNavImageButtonClassNames }
+
+export { CarouselNavImageButtonProps }
+
+export { CarouselNavImageButtonSlots }
+
+export { CarouselNavImageButtonState }
+
+export { CarouselNavProps }
+
+export { CarouselNavSlots }
+
+export { CarouselNavState }
+
+export { CarouselProps }
+
+export { CarouselProvider }
+
+export { CarouselSlider }
+
+export { carouselSliderClassNames }
+
+export { CarouselSliderProps }
+
+export { CarouselSliderSlots }
+
+export { CarouselSliderState }
+
+export { CarouselSlots }
+
+export { CarouselState }
+
 export { Checkbox }
 
 export { checkboxClassNames }
@@ -2839,6 +3021,8 @@ export { MotionImperativeRef }
 
 export { motionTokens }
 
+export { NavButtonRenderFunction }
+
 export { OnOpenChangeData }
 
 export { OnSelectionChangeCallback }
@@ -3121,6 +3305,24 @@ export { renderCardHeader_unstable }
 
 export { renderCardPreview_unstable }
 
+export { renderCarousel_unstable }
+
+export { renderCarouselAutoplayButton_unstable }
+
+export { renderCarouselButton_unstable }
+
+export { renderCarouselCard_unstable }
+
+export { renderCarouselNav_unstable }
+
+export { renderCarouselNavButton_unstable }
+
+export { renderCarouselNavContainer_unstable }
+
+export { renderCarouselNavImageButton_unstable }
+
+export { renderCarouselSlider_unstable }
+
 export { renderCheckbox_unstable }
 
 export { renderColorSwatch_unstable }
@@ -4403,6 +4605,44 @@ export { useCardPreviewStyles_unstable }
 
 export { useCardStyles_unstable }
 
+export { useCarousel_unstable }
+
+export { useCarouselAutoplayButton_unstable }
+
+export { useCarouselAutoplayButtonStyles_unstable }
+
+export { useCarouselButton_unstable }
+
+export { useCarouselButtonStyles_unstable }
+
+export { useCarouselCard_unstable }
+
+export { useCarouselCardStyles_unstable }
+
+export { useCarouselContext_unstable }
+
+export { useCarouselNav_unstable }
+
+export { useCarouselNavButton_unstable }
+
+export { useCarouselNavButtonStyles_unstable }
+
+export { useCarouselNavContainer_unstable }
+
+export { useCarouselNavContainerStyles_unstable }
+
+export { useCarouselNavImageButton_unstable }
+
+export { useCarouselNavImageButtonStyles_unstable }
+
+export { useCarouselNavStyles_unstable }
+
+export { useCarouselSlider_unstable }
+
+export { useCarouselSliderStyles_unstable }
+
+export { useCarouselStyles_unstable }
+
 export { useCheckbox_unstable }
 
 export { useCheckboxStyles_unstable }

package/lib/index.js

@@ -61,3 +61,4 @@ export { TeachingPopoverHeader, teachingPopoverHeaderClassNames, renderTeachingP
 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';
 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';
 export { motionTokens, createMotionComponent, createPresenceComponent, createPresenceComponentVariant, PresenceGroup } from '@fluentui/react-motion';
+export { CarouselButton, carouselButtonClassNames, renderCarouselButton_unstable, useCarouselButtonStyles_unstable, useCarouselButton_unstable, CarouselNav, carouselNavClassNames, renderCarouselNav_unstable, useCarouselNavStyles_unstable, useCarouselNav_unstable, CarouselNavButton, carouselNavButtonClassNames, renderCarouselNavButton_unstable, useCarouselNavButtonStyles_unstable, useCarouselNavButton_unstable, Carousel, carouselClassNames, renderCarousel_unstable, useCarouselStyles_unstable, useCarousel_unstable, CarouselCard, carouselCardClassNames, renderCarouselCard_unstable, useCarouselCardStyles_unstable, useCarouselCard_unstable, CarouselAutoplayButton, carouselAutoplayButtonClassNames, renderCarouselAutoplayButton_unstable, useCarouselAutoplayButtonStyles_unstable, useCarouselAutoplayButton_unstable, CarouselNavImageButton, carouselNavImageButtonClassNames, renderCarouselNavImageButton_unstable, useCarouselNavImageButtonStyles_unstable, useCarouselNavImageButton_unstable, CarouselSlider, carouselSliderClassNames, renderCarouselSlider_unstable, useCarouselSliderStyles_unstable, useCarouselSlider_unstable, CarouselNavContainer, carouselNavContainerClassNames, renderCarouselNavContainer_unstable, useCarouselNavContainerStyles_unstable, useCarouselNavContainer_unstable, carouselContextDefaultValue, CarouselProvider, useCarouselContext_unstable } from '@fluentui/react-carousel';