@fluentui/react-carousel 0.0.0-nightly-20241008-0405.1
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.
- package/CHANGELOG.md +129 -0
- package/LICENSE +15 -0
- package/README.md +33 -0
- package/dist/index.d.ts +625 -0
- package/lib/Carousel.js +1 -0
- package/lib/Carousel.js.map +1 -0
- package/lib/CarouselAutoplayButton.js +1 -0
- package/lib/CarouselAutoplayButton.js.map +1 -0
- package/lib/CarouselButton.js +1 -0
- package/lib/CarouselButton.js.map +1 -0
- package/lib/CarouselCard.js +1 -0
- package/lib/CarouselCard.js.map +1 -0
- package/lib/CarouselContext.js +2 -0
- package/lib/CarouselContext.js.map +1 -0
- package/lib/CarouselNav.js +1 -0
- package/lib/CarouselNav.js.map +1 -0
- package/lib/CarouselNavButton.js +1 -0
- package/lib/CarouselNavButton.js.map +1 -0
- package/lib/CarouselNavContainer.js +1 -0
- package/lib/CarouselNavContainer.js.map +1 -0
- package/lib/CarouselNavImageButton.js +1 -0
- package/lib/CarouselNavImageButton.js.map +1 -0
- package/lib/CarouselSlider.js +1 -0
- package/lib/CarouselSlider.js.map +1 -0
- package/lib/components/Carousel/Carousel.js +20 -0
- package/lib/components/Carousel/Carousel.js.map +1 -0
- package/lib/components/Carousel/Carousel.types.js +3 -0
- package/lib/components/Carousel/Carousel.types.js.map +1 -0
- package/lib/components/Carousel/index.js +5 -0
- package/lib/components/Carousel/index.js.map +1 -0
- package/lib/components/Carousel/renderCarousel.js +12 -0
- package/lib/components/Carousel/renderCarousel.js.map +1 -0
- package/lib/components/Carousel/useCarousel.js +117 -0
- package/lib/components/Carousel/useCarousel.js.map +1 -0
- package/lib/components/Carousel/useCarouselContextValues.js +28 -0
- package/lib/components/Carousel/useCarouselContextValues.js.map +1 -0
- package/lib/components/Carousel/useCarouselStyles.styles.js +33 -0
- package/lib/components/Carousel/useCarouselStyles.styles.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/CarouselAutoplayButton.js +18 -0
- package/lib/components/CarouselAutoplayButton/CarouselAutoplayButton.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/CarouselAutoplayButton.types.js +1 -0
- package/lib/components/CarouselAutoplayButton/CarouselAutoplayButton.types.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/index.js +5 -0
- package/lib/components/CarouselAutoplayButton/index.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/renderCarouselAutoplayButton.js +9 -0
- package/lib/components/CarouselAutoplayButton/renderCarouselAutoplayButton.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/useCarouselAutoplayButton.js +64 -0
- package/lib/components/CarouselAutoplayButton/useCarouselAutoplayButton.js.map +1 -0
- package/lib/components/CarouselAutoplayButton/useCarouselAutoplayButtonStyles.styles.js +42 -0
- package/lib/components/CarouselAutoplayButton/useCarouselAutoplayButtonStyles.styles.js.map +1 -0
- package/lib/components/CarouselButton/CarouselButton.js +16 -0
- package/lib/components/CarouselButton/CarouselButton.js.map +1 -0
- package/lib/components/CarouselButton/CarouselButton.types.js +3 -0
- package/lib/components/CarouselButton/CarouselButton.types.js.map +1 -0
- package/lib/components/CarouselButton/index.js +5 -0
- package/lib/components/CarouselButton/index.js.map +1 -0
- package/lib/components/CarouselButton/renderCarouselButton.js +9 -0
- package/lib/components/CarouselButton/renderCarouselButton.js.map +1 -0
- package/lib/components/CarouselButton/useCarouselButton.js +87 -0
- package/lib/components/CarouselButton/useCarouselButton.js.map +1 -0
- package/lib/components/CarouselButton/useCarouselButtonStyles.styles.js +41 -0
- package/lib/components/CarouselButton/useCarouselButtonStyles.styles.js.map +1 -0
- package/lib/components/CarouselCard/CarouselCard.js +20 -0
- package/lib/components/CarouselCard/CarouselCard.js.map +1 -0
- package/lib/components/CarouselCard/CarouselCard.types.js +3 -0
- package/lib/components/CarouselCard/CarouselCard.types.js.map +1 -0
- package/lib/components/CarouselCard/index.js +5 -0
- package/lib/components/CarouselCard/index.js.map +1 -0
- package/lib/components/CarouselCard/renderCarouselCard.js +8 -0
- package/lib/components/CarouselCard/renderCarouselCard.js.map +1 -0
- package/lib/components/CarouselCard/useCarouselCard.js +91 -0
- package/lib/components/CarouselCard/useCarouselCard.js.map +1 -0
- package/lib/components/CarouselCard/useCarouselCardStyles.styles.js +45 -0
- package/lib/components/CarouselCard/useCarouselCardStyles.styles.js.map +1 -0
- package/lib/components/CarouselContext.js +23 -0
- package/lib/components/CarouselContext.js.map +1 -0
- package/lib/components/CarouselContext.types.js +1 -0
- package/lib/components/CarouselContext.types.js.map +1 -0
- package/lib/components/CarouselNav/CarouselNav.js +20 -0
- package/lib/components/CarouselNav/CarouselNav.js.map +1 -0
- package/lib/components/CarouselNav/CarouselNav.types.js +1 -0
- package/lib/components/CarouselNav/CarouselNav.types.js.map +1 -0
- package/lib/components/CarouselNav/CarouselNavContext.js +21 -0
- package/lib/components/CarouselNav/CarouselNavContext.js.map +1 -0
- package/lib/components/CarouselNav/CarouselNavIndexContext.js +8 -0
- package/lib/components/CarouselNav/CarouselNavIndexContext.js.map +1 -0
- package/lib/components/CarouselNav/index.js +5 -0
- package/lib/components/CarouselNav/index.js.map +1 -0
- package/lib/components/CarouselNav/renderCarouselNav.js +19 -0
- package/lib/components/CarouselNav/renderCarouselNav.js.map +1 -0
- package/lib/components/CarouselNav/useCarouselNav.js +49 -0
- package/lib/components/CarouselNav/useCarouselNav.js.map +1 -0
- package/lib/components/CarouselNav/useCarouselNavStyles.styles.js +63 -0
- package/lib/components/CarouselNav/useCarouselNavStyles.styles.js.map +1 -0
- package/lib/components/CarouselNavButton/CarouselNavButton.js +15 -0
- package/lib/components/CarouselNavButton/CarouselNavButton.js.map +1 -0
- package/lib/components/CarouselNavButton/CarouselNavButton.types.js +3 -0
- package/lib/components/CarouselNavButton/CarouselNavButton.types.js.map +1 -0
- package/lib/components/CarouselNavButton/index.js +5 -0
- package/lib/components/CarouselNavButton/index.js.map +1 -0
- package/lib/components/CarouselNavButton/renderCarouselNavButton.js +9 -0
- package/lib/components/CarouselNavButton/renderCarouselNavButton.js.map +1 -0
- package/lib/components/CarouselNavButton/useCarouselNavButton.js +73 -0
- package/lib/components/CarouselNavButton/useCarouselNavButton.js.map +1 -0
- package/lib/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js +196 -0
- package/lib/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js.map +1 -0
- package/lib/components/CarouselNavContainer/CarouselNavContainer.js +20 -0
- package/lib/components/CarouselNavContainer/CarouselNavContainer.js.map +1 -0
- package/lib/components/CarouselNavContainer/CarouselNavContainer.types.js +3 -0
- package/lib/components/CarouselNavContainer/CarouselNavContainer.types.js.map +1 -0
- package/lib/components/CarouselNavContainer/index.js +5 -0
- package/lib/components/CarouselNavContainer/index.js.map +1 -0
- package/lib/components/CarouselNavContainer/renderCarouselNavContainer.js +15 -0
- package/lib/components/CarouselNavContainer/renderCarouselNavContainer.js.map +1 -0
- package/lib/components/CarouselNavContainer/useCarouselNavContainer.js +51 -0
- package/lib/components/CarouselNavContainer/useCarouselNavContainer.js.map +1 -0
- package/lib/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js +104 -0
- package/lib/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js.map +1 -0
- package/lib/components/CarouselNavImageButton/CarouselNavImageButton.js +16 -0
- package/lib/components/CarouselNavImageButton/CarouselNavImageButton.js.map +1 -0
- package/lib/components/CarouselNavImageButton/CarouselNavImageButton.types.js +3 -0
- package/lib/components/CarouselNavImageButton/CarouselNavImageButton.types.js.map +1 -0
- package/lib/components/CarouselNavImageButton/index.js +5 -0
- package/lib/components/CarouselNavImageButton/index.js.map +1 -0
- package/lib/components/CarouselNavImageButton/renderCarouselNavImageButton.js +10 -0
- package/lib/components/CarouselNavImageButton/renderCarouselNavImageButton.js.map +1 -0
- package/lib/components/CarouselNavImageButton/useCarouselNavImageButton.js +76 -0
- package/lib/components/CarouselNavImageButton/useCarouselNavImageButton.js.map +1 -0
- package/lib/components/CarouselNavImageButton/useCarouselNavImageButtonStyles.styles.js +85 -0
- package/lib/components/CarouselNavImageButton/useCarouselNavImageButtonStyles.styles.js.map +1 -0
- package/lib/components/CarouselSlider/CarouselSlider.js +18 -0
- package/lib/components/CarouselSlider/CarouselSlider.js.map +1 -0
- package/lib/components/CarouselSlider/CarouselSlider.types.js +1 -0
- package/lib/components/CarouselSlider/CarouselSlider.types.js.map +1 -0
- package/lib/components/CarouselSlider/CarouselSliderContext.js +21 -0
- package/lib/components/CarouselSlider/CarouselSliderContext.js.map +1 -0
- package/lib/components/CarouselSlider/index.js +5 -0
- package/lib/components/CarouselSlider/index.js.map +1 -0
- package/lib/components/CarouselSlider/renderCarouselSlider.js +12 -0
- package/lib/components/CarouselSlider/renderCarouselSlider.js.map +1 -0
- package/lib/components/CarouselSlider/useCarouselSlider.js +36 -0
- package/lib/components/CarouselSlider/useCarouselSlider.js.map +1 -0
- package/lib/components/CarouselSlider/useCarouselSliderStyles.styles.js +26 -0
- package/lib/components/CarouselSlider/useCarouselSliderStyles.styles.js.map +1 -0
- package/lib/components/useEmblaCarousel.js +239 -0
- package/lib/components/useEmblaCarousel.js.map +1 -0
- package/lib/index.js +10 -0
- package/lib/index.js.map +1 -0
- package/lib-commonjs/Carousel.js +6 -0
- package/lib-commonjs/Carousel.js.map +1 -0
- package/lib-commonjs/CarouselAutoplayButton.js +6 -0
- package/lib-commonjs/CarouselAutoplayButton.js.map +1 -0
- package/lib-commonjs/CarouselButton.js +6 -0
- package/lib-commonjs/CarouselButton.js.map +1 -0
- package/lib-commonjs/CarouselCard.js +6 -0
- package/lib-commonjs/CarouselCard.js.map +1 -0
- package/lib-commonjs/CarouselContext.js +7 -0
- package/lib-commonjs/CarouselContext.js.map +1 -0
- package/lib-commonjs/CarouselNav.js +6 -0
- package/lib-commonjs/CarouselNav.js.map +1 -0
- package/lib-commonjs/CarouselNavButton.js +6 -0
- package/lib-commonjs/CarouselNavButton.js.map +1 -0
- package/lib-commonjs/CarouselNavContainer.js +6 -0
- package/lib-commonjs/CarouselNavContainer.js.map +1 -0
- package/lib-commonjs/CarouselNavImageButton.js +6 -0
- package/lib-commonjs/CarouselNavImageButton.js.map +1 -0
- package/lib-commonjs/CarouselSlider.js +6 -0
- package/lib-commonjs/CarouselSlider.js.map +1 -0
- package/lib-commonjs/components/Carousel/Carousel.js +26 -0
- package/lib-commonjs/components/Carousel/Carousel.js.map +1 -0
- package/lib-commonjs/components/Carousel/Carousel.types.js +6 -0
- package/lib-commonjs/components/Carousel/Carousel.types.js.map +1 -0
- package/lib-commonjs/components/Carousel/index.js +10 -0
- package/lib-commonjs/components/Carousel/index.js.map +1 -0
- package/lib-commonjs/components/Carousel/renderCarousel.js +20 -0
- package/lib-commonjs/components/Carousel/renderCarousel.js.map +1 -0
- package/lib-commonjs/components/Carousel/useCarousel.js +119 -0
- package/lib-commonjs/components/Carousel/useCarousel.js.map +1 -0
- package/lib-commonjs/components/Carousel/useCarouselContextValues.js +39 -0
- package/lib-commonjs/components/Carousel/useCarouselContextValues.js.map +1 -0
- package/lib-commonjs/components/Carousel/useCarouselStyles.styles.js +52 -0
- package/lib-commonjs/components/Carousel/useCarouselStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/CarouselAutoplayButton.js +24 -0
- package/lib-commonjs/components/CarouselAutoplayButton/CarouselAutoplayButton.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/CarouselAutoplayButton.types.js +6 -0
- package/lib-commonjs/components/CarouselAutoplayButton/CarouselAutoplayButton.types.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/index.js +10 -0
- package/lib-commonjs/components/CarouselAutoplayButton/index.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/renderCarouselAutoplayButton.js +17 -0
- package/lib-commonjs/components/CarouselAutoplayButton/renderCarouselAutoplayButton.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/useCarouselAutoplayButton.js +67 -0
- package/lib-commonjs/components/CarouselAutoplayButton/useCarouselAutoplayButton.js.map +1 -0
- package/lib-commonjs/components/CarouselAutoplayButton/useCarouselAutoplayButtonStyles.styles.js +71 -0
- package/lib-commonjs/components/CarouselAutoplayButton/useCarouselAutoplayButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/CarouselButton.js +24 -0
- package/lib-commonjs/components/CarouselButton/CarouselButton.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/CarouselButton.types.js +6 -0
- package/lib-commonjs/components/CarouselButton/CarouselButton.types.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/index.js +10 -0
- package/lib-commonjs/components/CarouselButton/index.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/renderCarouselButton.js +17 -0
- package/lib-commonjs/components/CarouselButton/renderCarouselButton.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/useCarouselButton.js +89 -0
- package/lib-commonjs/components/CarouselButton/useCarouselButton.js.map +1 -0
- package/lib-commonjs/components/CarouselButton/useCarouselButtonStyles.styles.js +60 -0
- package/lib-commonjs/components/CarouselButton/useCarouselButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/CarouselCard.js +24 -0
- package/lib-commonjs/components/CarouselCard/CarouselCard.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/CarouselCard.types.js +6 -0
- package/lib-commonjs/components/CarouselCard/CarouselCard.types.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/index.js +10 -0
- package/lib-commonjs/components/CarouselCard/index.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/renderCarouselCard.js +16 -0
- package/lib-commonjs/components/CarouselCard/renderCarouselCard.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/useCarouselCard.js +94 -0
- package/lib-commonjs/components/CarouselCard/useCarouselCard.js.map +1 -0
- package/lib-commonjs/components/CarouselCard/useCarouselCardStyles.styles.js +67 -0
- package/lib-commonjs/components/CarouselCard/useCarouselCardStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselContext.js +44 -0
- package/lib-commonjs/components/CarouselContext.js.map +1 -0
- package/lib-commonjs/components/CarouselContext.types.js +6 -0
- package/lib-commonjs/components/CarouselContext.types.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/CarouselNav.js +26 -0
- package/lib-commonjs/components/CarouselNav/CarouselNav.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/CarouselNav.types.js +6 -0
- package/lib-commonjs/components/CarouselNav/CarouselNav.types.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/CarouselNavContext.js +46 -0
- package/lib-commonjs/components/CarouselNav/CarouselNavContext.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/CarouselNavIndexContext.js +30 -0
- package/lib-commonjs/components/CarouselNav/CarouselNavIndexContext.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/index.js +10 -0
- package/lib-commonjs/components/CarouselNav/index.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/renderCarouselNav.js +27 -0
- package/lib-commonjs/components/CarouselNav/renderCarouselNav.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/useCarouselNav.js +52 -0
- package/lib-commonjs/components/CarouselNav/useCarouselNav.js.map +1 -0
- package/lib-commonjs/components/CarouselNav/useCarouselNavStyles.styles.js +106 -0
- package/lib-commonjs/components/CarouselNav/useCarouselNavStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/CarouselNavButton.js +24 -0
- package/lib-commonjs/components/CarouselNavButton/CarouselNavButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/CarouselNavButton.types.js +6 -0
- package/lib-commonjs/components/CarouselNavButton/CarouselNavButton.types.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/index.js +10 -0
- package/lib-commonjs/components/CarouselNavButton/index.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/renderCarouselNavButton.js +17 -0
- package/lib-commonjs/components/CarouselNavButton/renderCarouselNavButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/useCarouselNavButton.js +76 -0
- package/lib-commonjs/components/CarouselNavButton/useCarouselNavButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js +293 -0
- package/lib-commonjs/components/CarouselNavButton/useCarouselNavButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/CarouselNavContainer.js +29 -0
- package/lib-commonjs/components/CarouselNavContainer/CarouselNavContainer.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/CarouselNavContainer.types.js +6 -0
- package/lib-commonjs/components/CarouselNavContainer/CarouselNavContainer.types.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/index.js +10 -0
- package/lib-commonjs/components/CarouselNavContainer/index.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/renderCarouselNavContainer.js +23 -0
- package/lib-commonjs/components/CarouselNavContainer/renderCarouselNavContainer.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainer.js +54 -0
- package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainer.js.map +1 -0
- package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js +163 -0
- package/lib-commonjs/components/CarouselNavContainer/useCarouselNavContainerStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/CarouselNavImageButton.js +24 -0
- package/lib-commonjs/components/CarouselNavImageButton/CarouselNavImageButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/CarouselNavImageButton.types.js +6 -0
- package/lib-commonjs/components/CarouselNavImageButton/CarouselNavImageButton.types.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/index.js +10 -0
- package/lib-commonjs/components/CarouselNavImageButton/index.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/renderCarouselNavImageButton.js +18 -0
- package/lib-commonjs/components/CarouselNavImageButton/renderCarouselNavImageButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/useCarouselNavImageButton.js +79 -0
- package/lib-commonjs/components/CarouselNavImageButton/useCarouselNavImageButton.js.map +1 -0
- package/lib-commonjs/components/CarouselNavImageButton/useCarouselNavImageButtonStyles.styles.js +132 -0
- package/lib-commonjs/components/CarouselNavImageButton/useCarouselNavImageButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSlider.js +26 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSlider.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSlider.types.js +4 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSlider.types.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSliderContext.js +46 -0
- package/lib-commonjs/components/CarouselSlider/CarouselSliderContext.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/index.js +10 -0
- package/lib-commonjs/components/CarouselSlider/index.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/renderCarouselSlider.js +20 -0
- package/lib-commonjs/components/CarouselSlider/renderCarouselSlider.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/useCarouselSlider.js +39 -0
- package/lib-commonjs/components/CarouselSlider/useCarouselSlider.js.map +1 -0
- package/lib-commonjs/components/CarouselSlider/useCarouselSliderStyles.styles.js +41 -0
- package/lib-commonjs/components/CarouselSlider/useCarouselSliderStyles.styles.js.map +1 -0
- package/lib-commonjs/components/useEmblaCarousel.js +262 -0
- package/lib-commonjs/components/useEmblaCarousel.js.map +1 -0
- package/lib-commonjs/index.js +166 -0
- package/lib-commonjs/index.js.map +1 -0
- package/package.json +68 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,625 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
|
|
3
|
+
import { ARIAButtonElement } from '@fluentui/react-aria';
|
|
4
|
+
import { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
|
5
|
+
import { ButtonProps } from '@fluentui/react-button';
|
|
6
|
+
import { ButtonSlots } from '@fluentui/react-button';
|
|
7
|
+
import { ButtonState } from '@fluentui/react-button';
|
|
8
|
+
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
9
|
+
import type { ComponentState } from '@fluentui/react-utilities';
|
|
10
|
+
import { ContextSelector } from '@fluentui/react-context-selector';
|
|
11
|
+
import type { EventData } from '@fluentui/react-utilities';
|
|
12
|
+
import type { EventHandler } from '@fluentui/react-utilities';
|
|
13
|
+
import { FC } from 'react';
|
|
14
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
15
|
+
import { Provider } from 'react';
|
|
16
|
+
import { ProviderProps } from 'react';
|
|
17
|
+
import * as React_2 from 'react';
|
|
18
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
19
|
+
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
20
|
+
import { ToggleButtonProps } from '@fluentui/react-button';
|
|
21
|
+
import { ToggleButtonState } from '@fluentui/react-button';
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Carousel is the context wrapper and container for all carousel content/controls,
|
|
25
|
+
* it has no direct style or slot opinions.
|
|
26
|
+
*
|
|
27
|
+
* Carousel also provides API interfaces for callbacks that will occur on navigation events.
|
|
28
|
+
*/
|
|
29
|
+
export declare const Carousel: ForwardRefComponent<CarouselProps>;
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Children function replacement, passes through updated context index and carousel information for localization
|
|
33
|
+
*/
|
|
34
|
+
export declare type CarouselAnnouncerFunction = (index: number, totalSlides: number, slideGroupList: number[][]) => string;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* If the Carousel is on auto-play, the user may opt into pausing the auto-play feature via the
|
|
38
|
+
* CarouselAutoplayButton which must be present for auto-play to be enabled.
|
|
39
|
+
*
|
|
40
|
+
* If CarouselAutoplayButton is present, auto-play will default to true on mount.
|
|
41
|
+
*/
|
|
42
|
+
export declare const CarouselAutoplayButton: ForwardRefComponent<CarouselAutoplayButtonProps>;
|
|
43
|
+
|
|
44
|
+
export declare const carouselAutoplayButtonClassNames: SlotClassNames<CarouselAutoplayButtonSlots>;
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* CarouselAutoplayButton Props
|
|
48
|
+
*/
|
|
49
|
+
export declare type CarouselAutoplayButtonProps = ToggleButtonProps & ComponentProps<CarouselAutoplayButtonSlots> & {
|
|
50
|
+
/**
|
|
51
|
+
* Callback that informs the user when internal autoplay value has changed
|
|
52
|
+
*/
|
|
53
|
+
onCheckedChange?: EventHandler<CarouselAutoplayChangeData>;
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
export declare type CarouselAutoplayButtonSlots = ButtonSlots & {
|
|
57
|
+
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* State used in rendering CarouselAutoplayButton
|
|
62
|
+
*/
|
|
63
|
+
export declare type CarouselAutoplayButtonState = ToggleButtonState & ComponentState<CarouselAutoplayButtonSlots>;
|
|
64
|
+
|
|
65
|
+
declare type CarouselAutoplayChangeData = EventData<'click', React_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {
|
|
66
|
+
/**
|
|
67
|
+
* The updated autoplay value.
|
|
68
|
+
*/
|
|
69
|
+
checked: boolean;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* A default navigation button that will set value to the next/previous page,
|
|
74
|
+
* driven by it's type 'next' or 'previous'.
|
|
75
|
+
*/
|
|
76
|
+
export declare const CarouselButton: ForwardRefComponent<CarouselButtonProps>;
|
|
77
|
+
|
|
78
|
+
export declare const carouselButtonClassNames: SlotClassNames<CarouselButtonSlots>;
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* CarouselButton Props
|
|
82
|
+
*/
|
|
83
|
+
export declare type CarouselButtonProps = Partial<ButtonProps> & ComponentProps<CarouselButtonSlots> & {
|
|
84
|
+
/**
|
|
85
|
+
* Dictates whether button will be of type go next or go previous
|
|
86
|
+
* Default: 'next'
|
|
87
|
+
*/
|
|
88
|
+
navType?: 'prev' | 'next';
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export declare type CarouselButtonSlots = ButtonSlots & {
|
|
92
|
+
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* State used in rendering CarouselButton
|
|
97
|
+
*/
|
|
98
|
+
export declare type CarouselButtonState = ButtonState & ComponentState<CarouselButtonSlots> & Required<Pick<CarouselButtonProps, 'navType'>>;
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* The defining wrapper of a carousel's indexed content, they will take up the full
|
|
102
|
+
* viewport of CarouselSlider or div wrapper,
|
|
103
|
+
* users may place multiple items within this Card if desired, with consideration of viewport width.
|
|
104
|
+
*
|
|
105
|
+
* Clickable actions within the content area are available via mouse and tab as expected,
|
|
106
|
+
* non-active card content will be set to inert until moved to active card.
|
|
107
|
+
*/
|
|
108
|
+
export declare const CarouselCard: ForwardRefComponent<CarouselCardProps>;
|
|
109
|
+
|
|
110
|
+
export declare const carouselCardClassNames: SlotClassNames<CarouselCardSlots>;
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* CarouselCard Props
|
|
114
|
+
*/
|
|
115
|
+
export declare type CarouselCardProps = ComponentProps<CarouselCardSlots> & {
|
|
116
|
+
/**
|
|
117
|
+
* Sets the card styling to be responsive based on content.
|
|
118
|
+
*/
|
|
119
|
+
autoSize?: boolean;
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
export declare type CarouselCardSlots = {
|
|
123
|
+
root: Slot<'div'>;
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* State used in rendering CarouselCard
|
|
128
|
+
*/
|
|
129
|
+
export declare type CarouselCardState = ComponentState<CarouselCardSlots> & Pick<CarouselCardProps, 'autoSize'>;
|
|
130
|
+
|
|
131
|
+
export declare const carouselClassNames: SlotClassNames<CarouselSlots>;
|
|
132
|
+
|
|
133
|
+
export declare const carouselContextDefaultValue: CarouselContextValue;
|
|
134
|
+
|
|
135
|
+
export declare type CarouselContextValue = {
|
|
136
|
+
activeIndex: number;
|
|
137
|
+
circular: boolean;
|
|
138
|
+
selectPageByElement: (event: React_2.FocusEvent, element: HTMLElement, jump?: boolean) => number;
|
|
139
|
+
selectPageByDirection: (event: React_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, direction: 'next' | 'prev') => number;
|
|
140
|
+
selectPageByIndex: (event: React_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>, value: number, jump?: boolean) => void;
|
|
141
|
+
subscribeForValues: (listener: (data: CarouselUpdateData) => void) => () => void;
|
|
142
|
+
enableAutoplay: (autoplay: boolean) => void;
|
|
143
|
+
resetAutoplay: () => void;
|
|
144
|
+
containerRef?: React_2.RefObject<HTMLDivElement>;
|
|
145
|
+
};
|
|
146
|
+
|
|
147
|
+
/**
|
|
148
|
+
* Context shared between Carousel and its children components
|
|
149
|
+
*/
|
|
150
|
+
export declare type CarouselContextValues = {
|
|
151
|
+
carousel: CarouselContextValue;
|
|
152
|
+
};
|
|
153
|
+
|
|
154
|
+
export declare type CarouselIndexChangeData = EventData<'click' | 'focus', React_2.FocusEvent | React_2.MouseEvent<HTMLButtonElement | HTMLAnchorElement>> & {
|
|
155
|
+
/**
|
|
156
|
+
* The index to be set after event has occurred.
|
|
157
|
+
*/
|
|
158
|
+
index: number;
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
/**
|
|
162
|
+
* Used to jump to a card based on index, using arrow navigation via Tabster.
|
|
163
|
+
*
|
|
164
|
+
* The children of this component will be wrapped in a context to
|
|
165
|
+
* provide the appropriate value based on their index position.
|
|
166
|
+
*/
|
|
167
|
+
export declare const CarouselNav: ForwardRefComponent<CarouselNavProps>;
|
|
168
|
+
|
|
169
|
+
/**
|
|
170
|
+
* The child element of CarouselNav, a singular button that will set the carousels active value on click.
|
|
171
|
+
*/
|
|
172
|
+
export declare const CarouselNavButton: ForwardRefComponent<CarouselNavButtonProps>;
|
|
173
|
+
|
|
174
|
+
export declare const carouselNavButtonClassNames: SlotClassNames<CarouselNavButtonSlots>;
|
|
175
|
+
|
|
176
|
+
/**
|
|
177
|
+
* CarouselNavButton Props
|
|
178
|
+
*/
|
|
179
|
+
export declare type CarouselNavButtonProps = ComponentProps<CarouselNavButtonSlots> & {};
|
|
180
|
+
|
|
181
|
+
export declare type CarouselNavButtonSlots = {
|
|
182
|
+
/**
|
|
183
|
+
* ARIA compliant nav buttons used to jump to pages
|
|
184
|
+
*/
|
|
185
|
+
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
186
|
+
};
|
|
187
|
+
|
|
188
|
+
/**
|
|
189
|
+
* State used in rendering CarouselNavButton
|
|
190
|
+
*/
|
|
191
|
+
export declare type CarouselNavButtonState = ComponentState<CarouselNavButtonSlots> & {
|
|
192
|
+
/**
|
|
193
|
+
* Enables selection state control
|
|
194
|
+
*/
|
|
195
|
+
selected?: boolean;
|
|
196
|
+
} & Pick<CarouselNavState, 'appearance'>;
|
|
197
|
+
|
|
198
|
+
export declare const carouselNavClassNames: SlotClassNames<CarouselNavSlots>;
|
|
199
|
+
|
|
200
|
+
/**
|
|
201
|
+
* CarouselNavContainer component - This container will provide multiple valid layout options for the underlying carousel controls
|
|
202
|
+
*/
|
|
203
|
+
export declare const CarouselNavContainer: ForwardRefComponent<CarouselNavContainerProps>;
|
|
204
|
+
|
|
205
|
+
export declare const carouselNavContainerClassNames: SlotClassNames<CarouselNavContainerSlots>;
|
|
206
|
+
|
|
207
|
+
/**
|
|
208
|
+
* CarouselNavContainer Props
|
|
209
|
+
*/
|
|
210
|
+
export declare type CarouselNavContainerProps = ComponentProps<CarouselNavContainerSlots> & {
|
|
211
|
+
/**
|
|
212
|
+
* Default: 'inline'
|
|
213
|
+
* Defines the nav container layout:
|
|
214
|
+
*
|
|
215
|
+
* 'inline' - Default controls inline with carousel view
|
|
216
|
+
*
|
|
217
|
+
* inline-wide - Similar to inline but places nav buttons on far left/right
|
|
218
|
+
*
|
|
219
|
+
* 'overlay' - Controls overlaid on bottom of carousel viewport,
|
|
220
|
+
*
|
|
221
|
+
* 'overlay-wide' - Controls overlaid on bottom of carousel viewport with prev+autoplay/next buttons on far side
|
|
222
|
+
*
|
|
223
|
+
* 'overlay-expanded' - Controls overlaid on bottom of carousel viewport, with prev/next buttons on sides vertically centered
|
|
224
|
+
*/
|
|
225
|
+
layout?: 'inline' | 'inline-wide' | 'overlay' | 'overlay-wide' | 'overlay-expanded';
|
|
226
|
+
};
|
|
227
|
+
|
|
228
|
+
export declare type CarouselNavContainerSlots = {
|
|
229
|
+
root: Slot<'div'>;
|
|
230
|
+
next?: Slot<CarouselButtonProps>;
|
|
231
|
+
prev?: Slot<CarouselButtonProps>;
|
|
232
|
+
autoplay?: Slot<typeof CarouselAutoplayButton>;
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
/**
|
|
236
|
+
* State used in rendering CarouselNavContainer
|
|
237
|
+
*/
|
|
238
|
+
export declare type CarouselNavContainerState = ComponentState<CarouselNavContainerSlots> & Pick<CarouselNavContainerProps, 'layout'>;
|
|
239
|
+
|
|
240
|
+
declare type CarouselNavContextValue = Pick<CarouselNavState, 'appearance'>;
|
|
241
|
+
|
|
242
|
+
/**
|
|
243
|
+
* Context shared between CarouselNav and its children components
|
|
244
|
+
*/
|
|
245
|
+
declare type CarouselNavContextValues = {
|
|
246
|
+
carouselNav: CarouselNavContextValue;
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* A variant child element of CarouselNav, a singular image button that displays a
|
|
251
|
+
* preview of card content and will set the carousels active value on click.
|
|
252
|
+
*/
|
|
253
|
+
export declare const CarouselNavImageButton: ForwardRefComponent<CarouselNavImageButtonProps>;
|
|
254
|
+
|
|
255
|
+
export declare const carouselNavImageButtonClassNames: SlotClassNames<CarouselNavImageButtonSlots>;
|
|
256
|
+
|
|
257
|
+
/**
|
|
258
|
+
* CarouselNavImageButton Props
|
|
259
|
+
*/
|
|
260
|
+
export declare type CarouselNavImageButtonProps = ComponentProps<CarouselNavImageButtonSlots> & {};
|
|
261
|
+
|
|
262
|
+
export declare type CarouselNavImageButtonSlots = {
|
|
263
|
+
/**
|
|
264
|
+
* ARIA compliant nav buttons used to jump to pages
|
|
265
|
+
*/
|
|
266
|
+
root: NonNullable<Slot<ARIAButtonSlotProps>>;
|
|
267
|
+
/**
|
|
268
|
+
* Required: The image within the button
|
|
269
|
+
*/
|
|
270
|
+
image: NonNullable<Slot<'img'>>;
|
|
271
|
+
};
|
|
272
|
+
|
|
273
|
+
/**
|
|
274
|
+
* State used in rendering CarouselNavImageButton
|
|
275
|
+
*/
|
|
276
|
+
export declare type CarouselNavImageButtonState = ComponentState<CarouselNavImageButtonSlots> & {
|
|
277
|
+
/**
|
|
278
|
+
* Enables selection state control
|
|
279
|
+
*/
|
|
280
|
+
selected?: boolean;
|
|
281
|
+
};
|
|
282
|
+
|
|
283
|
+
export declare type CarouselNavProps = Omit<ComponentProps<Partial<CarouselNavSlots>>, 'children'> & {
|
|
284
|
+
children: NavButtonRenderFunction;
|
|
285
|
+
} & Partial<Pick<CarouselNavState, 'appearance' | 'totalSlides'>>;
|
|
286
|
+
|
|
287
|
+
export declare type CarouselNavSlots = {
|
|
288
|
+
/**
|
|
289
|
+
* The element wrapping the carousel pagination. By default, this is a div.
|
|
290
|
+
*/
|
|
291
|
+
root: NonNullable<Slot<'div'>>;
|
|
292
|
+
};
|
|
293
|
+
|
|
294
|
+
export declare type CarouselNavState = ComponentState<CarouselNavSlots> & {
|
|
295
|
+
/**
|
|
296
|
+
* Enables an alternate brand style when set to 'brand'
|
|
297
|
+
*/
|
|
298
|
+
appearance?: 'brand';
|
|
299
|
+
/**
|
|
300
|
+
* The function that will render nav items based on total slides and their index.
|
|
301
|
+
*/
|
|
302
|
+
renderNavButton: NavButtonRenderFunction;
|
|
303
|
+
/**
|
|
304
|
+
* The total number of slides available.
|
|
305
|
+
* Users may override if using the component without a Carousel wrapper or implementing custom functionality.
|
|
306
|
+
*/
|
|
307
|
+
totalSlides: number;
|
|
308
|
+
};
|
|
309
|
+
|
|
310
|
+
/**
|
|
311
|
+
* Carousel Props
|
|
312
|
+
*/
|
|
313
|
+
export declare type CarouselProps = ComponentProps<CarouselSlots> & {
|
|
314
|
+
/**
|
|
315
|
+
* The initial page to display in uncontrolled mode.
|
|
316
|
+
*/
|
|
317
|
+
defaultActiveIndex?: number;
|
|
318
|
+
/**
|
|
319
|
+
* The alignment of the carousel.
|
|
320
|
+
*/
|
|
321
|
+
align?: 'center' | 'start' | 'end';
|
|
322
|
+
/**
|
|
323
|
+
* The value of the currently active page.
|
|
324
|
+
*/
|
|
325
|
+
activeIndex?: number;
|
|
326
|
+
/**
|
|
327
|
+
* Callback to notify a page change.
|
|
328
|
+
*/
|
|
329
|
+
onActiveIndexChange?: EventHandler<CarouselIndexChangeData>;
|
|
330
|
+
/**
|
|
331
|
+
* Circular enables the carousel to loop back around on navigation past trailing index.
|
|
332
|
+
*/
|
|
333
|
+
circular?: boolean;
|
|
334
|
+
/**
|
|
335
|
+
* Controls the number of carousel cards per navigation element, will default to 'auto'
|
|
336
|
+
* Recommended to set to '1' when using full page carousel cards.
|
|
337
|
+
*/
|
|
338
|
+
groupSize?: number | 'auto';
|
|
339
|
+
/**
|
|
340
|
+
* Enables drag to scroll on carousel items.
|
|
341
|
+
* Defaults to: False
|
|
342
|
+
*/
|
|
343
|
+
draggable?: boolean;
|
|
344
|
+
/**
|
|
345
|
+
* Adds whitespace to start/end so that 'align' prop is always respected for current index
|
|
346
|
+
* Defaults to: False
|
|
347
|
+
*/
|
|
348
|
+
whitespace?: boolean;
|
|
349
|
+
/**
|
|
350
|
+
* Localizes the string used to announce carousel page changes
|
|
351
|
+
* Defaults to: undefined
|
|
352
|
+
*/
|
|
353
|
+
announcement?: CarouselAnnouncerFunction;
|
|
354
|
+
};
|
|
355
|
+
|
|
356
|
+
export declare const CarouselProvider: Provider<CarouselContextValue | undefined> & FC<ProviderProps<CarouselContextValue | undefined>>;
|
|
357
|
+
|
|
358
|
+
/**
|
|
359
|
+
* CarouselSlider component - The viewport window that CarouselCards are contained within.
|
|
360
|
+
*/
|
|
361
|
+
export declare const CarouselSlider: ForwardRefComponent<CarouselSliderProps>;
|
|
362
|
+
|
|
363
|
+
export declare const carouselSliderClassNames: SlotClassNames<CarouselSliderSlots>;
|
|
364
|
+
|
|
365
|
+
declare type CarouselSliderContextValue = Pick<CarouselSliderProps, 'cardFocus'>;
|
|
366
|
+
|
|
367
|
+
/**
|
|
368
|
+
* Context shared between CarouselSlider and its children components
|
|
369
|
+
*/
|
|
370
|
+
declare type CarouselSliderContextValues = {
|
|
371
|
+
carouselSlider: CarouselSliderContextValue;
|
|
372
|
+
};
|
|
373
|
+
|
|
374
|
+
/**
|
|
375
|
+
* CarouselSlider Props
|
|
376
|
+
*/
|
|
377
|
+
export declare type CarouselSliderProps = Partial<ComponentProps<CarouselSliderSlots>> & {
|
|
378
|
+
/**
|
|
379
|
+
* cardFocus sets the carousel slider as a focus group,
|
|
380
|
+
* enabling left/right navigation of elements.
|
|
381
|
+
*
|
|
382
|
+
* This will also be passed into CarouselCards via context and set the appropriate focus attributes
|
|
383
|
+
*
|
|
384
|
+
* Defaults: false
|
|
385
|
+
*/
|
|
386
|
+
cardFocus?: boolean;
|
|
387
|
+
};
|
|
388
|
+
|
|
389
|
+
export declare type CarouselSliderSlots = {
|
|
390
|
+
/**
|
|
391
|
+
* The root viewport/window of the carousel
|
|
392
|
+
*/
|
|
393
|
+
root: Slot<'div'>;
|
|
394
|
+
};
|
|
395
|
+
|
|
396
|
+
/**
|
|
397
|
+
* State used in rendering CarouselSlider
|
|
398
|
+
*/
|
|
399
|
+
export declare type CarouselSliderState = ComponentState<CarouselSliderSlots> & Pick<CarouselSliderProps, 'cardFocus'>;
|
|
400
|
+
|
|
401
|
+
export declare type CarouselSlots = {
|
|
402
|
+
root: Slot<'div'>;
|
|
403
|
+
};
|
|
404
|
+
|
|
405
|
+
/**
|
|
406
|
+
* State used in rendering Carousel
|
|
407
|
+
*/
|
|
408
|
+
export declare type CarouselState = ComponentState<CarouselSlots> & CarouselContextValue;
|
|
409
|
+
|
|
410
|
+
/**
|
|
411
|
+
* @internal
|
|
412
|
+
*/
|
|
413
|
+
declare interface CarouselUpdateData {
|
|
414
|
+
/**
|
|
415
|
+
* The current carousel index, a change in index will not trigger the callback (use context index instead).
|
|
416
|
+
*/
|
|
417
|
+
activeIndex: number;
|
|
418
|
+
/**
|
|
419
|
+
* The total number of slides to be navigated, accounts for grouping.
|
|
420
|
+
*/
|
|
421
|
+
navItemsCount: number;
|
|
422
|
+
/**
|
|
423
|
+
* A breakdown of the card indexes contained within each slide index.
|
|
424
|
+
*/
|
|
425
|
+
groupIndexList: number[][];
|
|
426
|
+
/**
|
|
427
|
+
* An array of the card DOM elements after render
|
|
428
|
+
*/
|
|
429
|
+
slideNodes: HTMLElement[];
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
export declare type NavButtonRenderFunction = (index: number) => React_2.ReactNode;
|
|
433
|
+
|
|
434
|
+
/**
|
|
435
|
+
* Render the final JSX of Carousel
|
|
436
|
+
*/
|
|
437
|
+
export declare const renderCarousel_unstable: (state: CarouselState, contextValues: CarouselContextValues) => JSX.Element;
|
|
438
|
+
|
|
439
|
+
/**
|
|
440
|
+
* Render the final JSX of CarouselAutoplayButton
|
|
441
|
+
*/
|
|
442
|
+
export declare const renderCarouselAutoplayButton_unstable: (state: CarouselAutoplayButtonState) => JSX.Element;
|
|
443
|
+
|
|
444
|
+
/**
|
|
445
|
+
* Render the final JSX of CarouselButton
|
|
446
|
+
*/
|
|
447
|
+
export declare const renderCarouselButton_unstable: (state: CarouselButtonState) => JSX.Element;
|
|
448
|
+
|
|
449
|
+
/**
|
|
450
|
+
* Render the final JSX of CarouselCard
|
|
451
|
+
*/
|
|
452
|
+
export declare const renderCarouselCard_unstable: (state: CarouselCardState) => JSX.Element;
|
|
453
|
+
|
|
454
|
+
/**
|
|
455
|
+
* Render the final JSX of CarouselNav
|
|
456
|
+
*/
|
|
457
|
+
export declare const renderCarouselNav_unstable: (state: CarouselNavState, contextValues: CarouselNavContextValues) => JSX.Element;
|
|
458
|
+
|
|
459
|
+
/**
|
|
460
|
+
* Render the final JSX of CarouselNavButton
|
|
461
|
+
*/
|
|
462
|
+
export declare const renderCarouselNavButton_unstable: (state: CarouselNavButtonState) => JSX.Element;
|
|
463
|
+
|
|
464
|
+
/**
|
|
465
|
+
* Render the final JSX of CarouselNavContainer
|
|
466
|
+
*/
|
|
467
|
+
export declare const renderCarouselNavContainer_unstable: (state: CarouselNavContainerState) => JSX.Element;
|
|
468
|
+
|
|
469
|
+
/**
|
|
470
|
+
* Render the final JSX of CarouselNavImageButton
|
|
471
|
+
*/
|
|
472
|
+
export declare const renderCarouselNavImageButton_unstable: (state: CarouselNavImageButtonState) => JSX.Element;
|
|
473
|
+
|
|
474
|
+
/**
|
|
475
|
+
* Render the final JSX of CarouselSlider
|
|
476
|
+
*/
|
|
477
|
+
export declare const renderCarouselSlider_unstable: (state: CarouselSliderState, contextValues: CarouselSliderContextValues) => JSX.Element;
|
|
478
|
+
|
|
479
|
+
/**
|
|
480
|
+
* Create the state required to render Carousel.
|
|
481
|
+
*
|
|
482
|
+
* The returned state can be modified with hooks such as useCarouselStyles_unstable,
|
|
483
|
+
* before being passed to renderCarousel_unstable.
|
|
484
|
+
*
|
|
485
|
+
* @param props - props from this instance of Carousel
|
|
486
|
+
* @param ref - reference to root HTMLDivElement of Carousel
|
|
487
|
+
*/
|
|
488
|
+
export declare function useCarousel_unstable(props: CarouselProps, ref: React_2.Ref<HTMLDivElement>): CarouselState;
|
|
489
|
+
|
|
490
|
+
/**
|
|
491
|
+
* Create the state required to render CarouselAutoplayButton.
|
|
492
|
+
*
|
|
493
|
+
* The returned state can be modified with hooks such as useCarouselAutoplayButtonStyles_unstable,
|
|
494
|
+
* before being passed to renderCarouselAutoplayButton_unstable.
|
|
495
|
+
*
|
|
496
|
+
* @param props - props from this instance of CarouselAutoplayButton
|
|
497
|
+
* @param ref - reference to root HTMLDivElement of CarouselAutoplayButton
|
|
498
|
+
*/
|
|
499
|
+
export declare const useCarouselAutoplayButton_unstable: (props: CarouselAutoplayButtonProps, ref: React_2.Ref<ARIAButtonElement>) => CarouselAutoplayButtonState;
|
|
500
|
+
|
|
501
|
+
/**
|
|
502
|
+
* Apply styling to the CarouselAutoplayButton slots based on the state
|
|
503
|
+
*/
|
|
504
|
+
export declare const useCarouselAutoplayButtonStyles_unstable: (state: CarouselAutoplayButtonState) => CarouselAutoplayButtonState;
|
|
505
|
+
|
|
506
|
+
/**
|
|
507
|
+
* Create the state required to render CarouselButton.
|
|
508
|
+
*
|
|
509
|
+
* The returned state can be modified with hooks such as useCarouselButtonStyles_unstable,
|
|
510
|
+
* before being passed to renderCarouselButton_unstable.
|
|
511
|
+
*
|
|
512
|
+
* @param props - props from this instance of CarouselButton
|
|
513
|
+
* @param ref - reference to root HTMLDivElement of CarouselButton
|
|
514
|
+
*/
|
|
515
|
+
export declare const useCarouselButton_unstable: (props: CarouselButtonProps, ref: React_2.Ref<ARIAButtonElement>) => CarouselButtonState;
|
|
516
|
+
|
|
517
|
+
/**
|
|
518
|
+
* Apply styling to the CarouselButton slots based on the state
|
|
519
|
+
*/
|
|
520
|
+
export declare const useCarouselButtonStyles_unstable: (state: CarouselButtonState) => CarouselButtonState;
|
|
521
|
+
|
|
522
|
+
/**
|
|
523
|
+
* Create the state required to render CarouselCard.
|
|
524
|
+
*
|
|
525
|
+
* The returned state can be modified with hooks such as useCarouselCardStyles_unstable,
|
|
526
|
+
* before being passed to renderCarouselCard_unstable.
|
|
527
|
+
*
|
|
528
|
+
* @param props - props from this instance of CarouselCard
|
|
529
|
+
* @param ref - reference to root HTMLDivElement of CarouselCard
|
|
530
|
+
*/
|
|
531
|
+
export declare const useCarouselCard_unstable: (props: CarouselCardProps, ref: React_2.Ref<HTMLDivElement>) => CarouselCardState;
|
|
532
|
+
|
|
533
|
+
/**
|
|
534
|
+
* Apply styling to the CarouselCard slots based on the state
|
|
535
|
+
*/
|
|
536
|
+
export declare const useCarouselCardStyles_unstable: (state: CarouselCardState) => CarouselCardState;
|
|
537
|
+
|
|
538
|
+
export declare const useCarouselContext_unstable: <T>(selector: ContextSelector<CarouselContextValue, T>) => T;
|
|
539
|
+
|
|
540
|
+
/**
|
|
541
|
+
* Create the state required to render CarouselNav.
|
|
542
|
+
*
|
|
543
|
+
* The returned state can be modified with hooks such as useCarouselNavStyles_unstable,
|
|
544
|
+
* before being passed to renderCarouselNav_unstable.
|
|
545
|
+
*
|
|
546
|
+
* @param props - props from this instance of CarouselNav
|
|
547
|
+
* @param ref - reference to root HTMLDivElement of CarouselNav
|
|
548
|
+
*/
|
|
549
|
+
export declare const useCarouselNav_unstable: (props: CarouselNavProps, ref: React_2.Ref<HTMLDivElement>) => CarouselNavState;
|
|
550
|
+
|
|
551
|
+
/**
|
|
552
|
+
* Create the state required to render CarouselNavButton.
|
|
553
|
+
*
|
|
554
|
+
* The returned state can be modified with hooks such as useCarouselNavButtonStyles_unstable,
|
|
555
|
+
* before being passed to renderCarouselNavButton_unstable.
|
|
556
|
+
*
|
|
557
|
+
* @param props - props from this instance of CarouselNavButton
|
|
558
|
+
* @param ref - reference to root HTMLDivElement of CarouselNavButton
|
|
559
|
+
*/
|
|
560
|
+
export declare const useCarouselNavButton_unstable: (props: CarouselNavButtonProps, ref: React_2.Ref<ARIAButtonElement>) => CarouselNavButtonState;
|
|
561
|
+
|
|
562
|
+
/**
|
|
563
|
+
* Apply styling to the CarouselNavButton slots based on the state
|
|
564
|
+
*/
|
|
565
|
+
export declare const useCarouselNavButtonStyles_unstable: (state: CarouselNavButtonState) => CarouselNavButtonState;
|
|
566
|
+
|
|
567
|
+
/**
|
|
568
|
+
* Create the state required to render CarouselNavContainer.
|
|
569
|
+
*
|
|
570
|
+
* The returned state can be modified with hooks such as useCarouselNavContainerStyles_unstable,
|
|
571
|
+
* before being passed to renderCarouselNavContainer_unstable.
|
|
572
|
+
*
|
|
573
|
+
* @param props - props from this instance of CarouselNavContainer
|
|
574
|
+
* @param ref - reference to root HTMLDivElement of CarouselNavContainer
|
|
575
|
+
*/
|
|
576
|
+
export declare const useCarouselNavContainer_unstable: (props: CarouselNavContainerProps, ref: React_2.Ref<HTMLDivElement>) => CarouselNavContainerState;
|
|
577
|
+
|
|
578
|
+
/**
|
|
579
|
+
* Apply styling to the CarouselNavContainer slots based on the state
|
|
580
|
+
*/
|
|
581
|
+
export declare const useCarouselNavContainerStyles_unstable: (state: CarouselNavContainerState) => CarouselNavContainerState;
|
|
582
|
+
|
|
583
|
+
/**
|
|
584
|
+
* Create the state required to render CarouselNavImageButton.
|
|
585
|
+
*
|
|
586
|
+
* The returned state can be modified with hooks such as useCarouselNavImageButtonStyles_unstable,
|
|
587
|
+
* before being passed to renderCarouselNavImageButton_unstable.
|
|
588
|
+
*
|
|
589
|
+
* @param props - props from this instance of CarouselNavImageButton
|
|
590
|
+
* @param ref - reference to root HTMLButtonElement | HTMLAnchorElement of CarouselNavImageButton
|
|
591
|
+
*/
|
|
592
|
+
export declare const useCarouselNavImageButton_unstable: (props: CarouselNavImageButtonProps, ref: React_2.Ref<ARIAButtonElement>) => CarouselNavImageButtonState;
|
|
593
|
+
|
|
594
|
+
/**
|
|
595
|
+
* Apply styling to the CarouselNavImageButton slots based on the state
|
|
596
|
+
*/
|
|
597
|
+
export declare const useCarouselNavImageButtonStyles_unstable: (state: CarouselNavImageButtonState) => CarouselNavImageButtonState;
|
|
598
|
+
|
|
599
|
+
/**
|
|
600
|
+
* Apply styling to the CarouselNav slots based on the state
|
|
601
|
+
*/
|
|
602
|
+
export declare const useCarouselNavStyles_unstable: (state: CarouselNavState) => CarouselNavState;
|
|
603
|
+
|
|
604
|
+
/**
|
|
605
|
+
* Create the state required to render CarouselSlider.
|
|
606
|
+
*
|
|
607
|
+
* The returned state can be modified with hooks such as useCarouselSliderStyles_unstable,
|
|
608
|
+
* before being passed to renderCarouselSlider_unstable.
|
|
609
|
+
*
|
|
610
|
+
* @param props - props from this instance of CarouselSlider
|
|
611
|
+
* @param ref - reference to root HTMLDivElement of CarouselSlider
|
|
612
|
+
*/
|
|
613
|
+
export declare const useCarouselSlider_unstable: (props: CarouselSliderProps, ref: React_2.Ref<HTMLDivElement>) => CarouselSliderState;
|
|
614
|
+
|
|
615
|
+
/**
|
|
616
|
+
* Apply styling to the CarouselSlider slots based on the state
|
|
617
|
+
*/
|
|
618
|
+
export declare const useCarouselSliderStyles_unstable: (state: CarouselSliderState) => CarouselSliderState;
|
|
619
|
+
|
|
620
|
+
/**
|
|
621
|
+
* Apply styling to the Carousel slots based on the state
|
|
622
|
+
*/
|
|
623
|
+
export declare const useCarouselStyles_unstable: (state: CarouselState) => CarouselState;
|
|
624
|
+
|
|
625
|
+
export { }
|
package/lib/Carousel.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/Carousel/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["Carousel.ts"],"sourcesContent":["export * from './components/Carousel/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,8BAA8B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselAutoplayButton/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselAutoplayButton.ts"],"sourcesContent":["export * from './components/CarouselAutoplayButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselButton/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselButton.ts"],"sourcesContent":["export * from './components/CarouselButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,oCAAoC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselCard/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselCard.ts"],"sourcesContent":["export * from './components/CarouselCard/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,kCAAkC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselContext.ts"],"sourcesContent":["export * from './components/CarouselContext';\nexport * from './components/CarouselContext.types';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,+BAA+B;AAC7C,cAAc,qCAAqC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselNav/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselNav.ts"],"sourcesContent":["export * from './components/CarouselNav/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iCAAiC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselNavButton/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselNavButton.ts"],"sourcesContent":["export * from './components/CarouselNavButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,uCAAuC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselNavContainer/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselNavContainer.ts"],"sourcesContent":["export * from './components/CarouselNavContainer/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,0CAA0C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/CarouselNavImageButton/index';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["CarouselNavImageButton.ts"],"sourcesContent":["export * from './components/CarouselNavImageButton/index';\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,4CAA4C"}
|