@rankingcoach/vanguard 1.8.0 → 1.10.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.
- package/dist/index-Accordion2.js +1 -1
- package/dist/index-AccordionDetails.js +1 -1
- package/dist/index-AccordionSummary.js +1 -1
- package/dist/index-AppBar2.js +1 -1
- package/dist/index-Autocomplete2.js +1 -1
- package/dist/index-Backdrop.js +1 -1
- package/dist/index-BasePopper.js +1 -1
- package/dist/index-Box.js +1 -1
- package/dist/index-Bullets.js +12 -10
- package/dist/index-Bullets.module.scss.js +6 -4
- package/dist/index-Button2.js +1 -1
- package/dist/index-ButtonBase.js +1 -1
- package/dist/index-CSSTransition.js +1 -1
- package/dist/index-CalendarPicker.js +1 -1
- package/dist/index-CardMotion.config.js +159 -0
- package/dist/index-CardMotion.constants.js +23 -0
- package/dist/index-CardMotion.js +93 -0
- package/dist/index-CardMotion.module.scss.js +9 -0
- package/dist/index-Chip.js +1 -1
- package/dist/index-ClickAwayListener.js +1 -1
- package/dist/index-ClockPicker.js +1 -1
- package/dist/index-Collapse2.js +1 -1
- package/dist/index-DateInput.js +4 -4
- package/dist/index-DatePicker2.js +1 -1
- package/dist/index-DayCell.js +2 -2
- package/dist/index-DefaultPropsProvider.js +1 -1
- package/dist/index-DefaultPropsProvider2.js +1 -1
- package/dist/index-DesktopDatePicker.js +1 -1
- package/dist/index-Dialog.js +1 -1
- package/dist/index-DialogActions.js +1 -1
- package/dist/index-DialogContent.js +1 -1
- package/dist/index-Drawer2.js +1 -1
- package/dist/index-Fade.js +1 -1
- package/dist/index-FilledInput.js +1 -1
- package/dist/index-FocusTrap.js +1 -1
- package/dist/index-FormControl2.js +1 -1
- package/dist/index-FormHelperText.js +1 -1
- package/dist/index-FormLabel.js +1 -1
- package/dist/index-GlobalStyles.js +1 -1
- package/dist/index-GlobalStyles2.js +1 -1
- package/dist/index-GlobalStyles3.js +1 -1
- package/dist/index-Grid.js +1 -1
- package/dist/index-Grow.js +1 -1
- package/dist/index-IconButton2.js +1 -1
- package/dist/index-Input2.js +1 -1
- package/dist/index-InputAdornment.js +1 -1
- package/dist/index-InputBase2.js +1 -1
- package/dist/index-InputLabel.js +1 -1
- package/dist/index-InputRangeField.js +1 -1
- package/dist/index-LinearProgress.js +1 -1
- package/dist/index-List2.js +1 -1
- package/dist/index-ListSubheader.js +1 -1
- package/dist/index-LocalizationProvider.js +1 -1
- package/dist/index-Menu2.js +1 -1
- package/dist/index-MenuItem2.js +1 -1
- package/dist/index-MenuList.js +1 -1
- package/dist/index-MobileDatePicker.js +1 -1
- package/dist/index-Modal2.js +1 -1
- package/dist/index-ModalContext.js +37 -36
- package/dist/index-ModalTransition.js +9 -7
- package/dist/index-Month.js +3 -3
- package/dist/index-MonthPicker.js +1 -1
- package/dist/index-NativeSelectInput.js +1 -1
- package/dist/index-NotchedOutline.js +1 -1
- package/dist/index-OutlinedInput.js +1 -1
- package/dist/index-Paper.js +1 -1
- package/dist/index-PhotoCarouselModal.js +26 -25
- package/dist/index-PhotoCarouselModal.module.scss.js +6 -4
- package/dist/index-PickersDay.js +1 -1
- package/dist/index-Popover2.js +1 -1
- package/dist/index-Popper.js +1 -1
- package/dist/index-Portal.js +1 -1
- package/dist/index-PropTypes.js +1 -1
- package/dist/index-Ripple.js +1 -1
- package/dist/index-RtlProvider.js +1 -1
- package/dist/index-ScrollbarSize.js +1 -1
- package/dist/index-Select2.js +1 -1
- package/dist/index-SelectInput2.js +1 -1
- package/dist/index-Skeleton2.js +1 -1
- package/dist/index-Slide.js +1 -1
- package/dist/index-SlideCarousel.js +117 -138
- package/dist/index-SlideCarousel.module.scss.js +22 -14
- package/dist/index-Slider2.js +1 -1
- package/dist/index-SliderValueLabel.js +1 -1
- package/dist/index-Snackbar2.js +1 -1
- package/dist/index-SnackbarContent.js +1 -1
- package/dist/index-StyledEngineProvider.js +1 -1
- package/dist/index-SvgIcon.js +1 -1
- package/dist/index-Tab2.js +1 -1
- package/dist/index-TabScrollButton.js +1 -1
- package/dist/index-Tabs2.js +1 -1
- package/dist/index-Text.js +158 -131
- package/dist/index-TextField.js +1 -1
- package/dist/index-TextHighlighted.js +11 -136
- package/dist/index-TextareaAutosize.js +1 -1
- package/dist/index-ToggleButton2.js +1 -1
- package/dist/index-ToggleButtonGroup2.js +1 -1
- package/dist/index-Toolbar2.js +1 -1
- package/dist/index-Tooltip.js +1 -1
- package/dist/index-TouchRipple.js +1 -1
- package/dist/index-Transition.js +1 -1
- package/dist/index-TransitionGroup.js +1 -1
- package/dist/index-Typography.js +1 -1
- package/dist/index-YearPicker.js +1 -1
- package/dist/index-_virtual16.js +3 -5
- package/dist/index-_virtual17.js +5 -3
- package/dist/index-_virtual66.js +2 -2
- package/dist/index-_virtual67.js +4 -2
- package/dist/index-_virtual68.js +2 -4
- package/dist/index-_virtual69.js +4 -2
- package/dist/index-_virtual70.js +2 -2
- package/dist/index-_virtual71.js +1 -1
- package/dist/index-_virtual72.js +4 -2
- package/dist/index-_virtual73.js +1 -1
- package/dist/index-_virtual74.js +2 -4
- package/dist/index-_virtual75.js +2 -4
- package/dist/index-_virtual76.js +2 -2
- package/dist/index-accessibility.js +1 -1
- package/dist/index-elementAcceptingRef.js +1 -1
- package/dist/index-elementTypeAcceptingRef.js +1 -1
- package/dist/index-helpers3.js +1 -1
- package/dist/index-lib5.js +1 -1
- package/dist/index-react-spring_animated.modern.js +6 -6
- package/dist/index-react-spring_core.modern.js +56 -54
- package/dist/index-react-spring_web.modern.js +9 -8
- package/dist/index-refType.js +1 -1
- package/dist/index-regex.js +1 -1
- package/dist/index-responsivePropType.js +1 -1
- package/dist/index-use-carousel-movement.js +138 -0
- package/dist/index.js +300 -296
- package/dist/types/core/CardMotion/CardMotion.config.d.ts +855 -0
- package/dist/types/core/CardMotion/CardMotion.constants.d.ts +20 -0
- package/dist/types/core/CardMotion/CardMotion.d.ts +3 -0
- package/dist/types/core/CardMotion/CardMotion.types.d.ts +60 -0
- package/dist/types/core/CardMotion/index.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/CustomMotion.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/Default.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/GlowIn.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/GlowPreset.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/Hoverable.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/StaggeredGlowGroup.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/VisibilityToggle.story.d.ts +2 -0
- package/dist/types/core/CardMotion/stories/_CardMotion.default.d.ts +3 -0
- package/dist/types/core/Modal/ModalContext.d.ts +1 -0
- package/dist/types/core/Modal/stories/StackingPermutations.story.d.ts +71 -0
- package/dist/types/core/Modal/stories/TwoModalsOverlapping.story.d.ts +2 -0
- package/dist/types/core/Modal/stories/TwoModalsOverlappingDifferentAnimations.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/Bullets/Bullets.d.ts +2 -0
- package/dist/types/core/SlideCarousel/SlideCarousel.d.ts +6 -0
- package/dist/types/core/SlideCarousel/hooks/use-carousel-movement.d.ts +27 -0
- package/dist/types/core/SlideCarousel/index.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselAutoPlay.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselBasic.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselBulletsBelow.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselControlled.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselCustomArrows.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselCustomBullets.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselMultipleSlidesAtOnce.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselOutsideArrows.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselWithArrows.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselWithArrowsAndBullets.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/SlideCarouselWithBullets.story.d.ts +2 -0
- package/dist/types/core/SlideCarousel/stories/_SlideCarousel.default.d.ts +13 -0
- package/dist/types/core/Text/Text.types.d.ts +4 -0
- package/dist/types/core/Text/stories/stories/HighlightCaseInsensitive.story.d.ts +3 -0
- package/dist/types/core/Text/stories/stories/HighlightDefault.story.d.ts +2 -0
- package/dist/types/core/Text/stories/stories/HighlightModeBackground.story.d.ts +2 -0
- package/dist/types/core/Text/stories/stories/HighlightModeBold.story.d.ts +2 -0
- package/dist/types/core/Text/stories/stories/HighlightModeText.story.d.ts +2 -0
- package/dist/types/core/Text/stories/stories/HighlightWithEmphasis.story.d.ts +2 -0
- package/dist/types/core/TextHighlighted/TextHighlighted.d.ts +4 -1
- package/dist/types/index.d.ts +4 -0
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist/vanguard.css +1 -1
- package/dist-wordpress/index.js +17776 -17742
- package/dist-wordpress/types/core/PageSection/GradientPrimaryMeshBackground.d.ts +1 -0
- package/dist-wordpress/types/core/PageSection/PageSection.d.ts +43 -0
- package/dist-wordpress/types/core/PageSection/index.d.ts +2 -0
- package/dist-wordpress/types/core/TextHighlighted/TextHighlighted.d.ts +4 -1
- package/dist-wordpress/types/index.d.ts +2 -0
- package/dist-wordpress/vanguard.css +1 -1
- package/package.json +1 -1
- package/dist/types/core/TextHighlighted/stories/TextHighlightedWithXSSAttackStory.story.d.ts +0 -2
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const CARD_MOTION_SIZES: {
|
|
2
|
+
readonly genericEntryOffsetY: 20;
|
|
3
|
+
readonly genericLeaveOffsetY: 12;
|
|
4
|
+
readonly genericLeaveBlur: 2;
|
|
5
|
+
readonly glowEntryOffsetY: -8;
|
|
6
|
+
readonly glowEntryScale: 0.7;
|
|
7
|
+
readonly glowEntrySkewX: 4;
|
|
8
|
+
readonly glowEntrySkewY: 8;
|
|
9
|
+
readonly glowEntryRadiusFrom: 24;
|
|
10
|
+
readonly glowEntryRadiusTo: 12;
|
|
11
|
+
readonly glowMaxSkewX: 8;
|
|
12
|
+
readonly glowMaxSkewY: 12;
|
|
13
|
+
readonly hoverLiftY: -4;
|
|
14
|
+
readonly glowShadowInsetWidth: 1;
|
|
15
|
+
readonly glowShadowOffsetY: 14;
|
|
16
|
+
readonly glowShadowBlur: 40;
|
|
17
|
+
readonly transformPerspective: 1000;
|
|
18
|
+
readonly contentBlurFrom: 8;
|
|
19
|
+
readonly contentOffsetY: 8;
|
|
20
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CardMotionProps } from './CardMotion.types';
|
|
3
|
+
export declare function CardMotion({ delay, className, style, children, hoverable, glowIn, index, isVisible, entryPreset, entryAnimation, leaveAnimation, hoverAnimation, }: CardMotionProps): React.JSX.Element;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type MotionPhase = {
|
|
3
|
+
opacity: number;
|
|
4
|
+
y: number;
|
|
5
|
+
scale: number;
|
|
6
|
+
blur: number;
|
|
7
|
+
duration: number;
|
|
8
|
+
delay: number;
|
|
9
|
+
};
|
|
10
|
+
export type EntryPresetConfig = {
|
|
11
|
+
kind: 'spring' | 'glow-shell';
|
|
12
|
+
baseStyle?: React.CSSProperties;
|
|
13
|
+
transitionFrom: {
|
|
14
|
+
opacity: number;
|
|
15
|
+
y: number;
|
|
16
|
+
scale: number;
|
|
17
|
+
blur: number;
|
|
18
|
+
};
|
|
19
|
+
transitionEnter: {
|
|
20
|
+
opacity: number;
|
|
21
|
+
y: number;
|
|
22
|
+
scale: number;
|
|
23
|
+
blur: number;
|
|
24
|
+
};
|
|
25
|
+
delayOffset: number;
|
|
26
|
+
duration: number;
|
|
27
|
+
shellStyle?: React.CSSProperties;
|
|
28
|
+
contentStyle?: React.CSSProperties;
|
|
29
|
+
};
|
|
30
|
+
export type CardMotionEntryPreset = 'fade-up' | 'glow-in';
|
|
31
|
+
export type CardMotionAnimation = Partial<MotionPhase & {
|
|
32
|
+
skewX: number;
|
|
33
|
+
skewY: number;
|
|
34
|
+
brightness: number;
|
|
35
|
+
glowAlpha: number;
|
|
36
|
+
radiusFrom: number;
|
|
37
|
+
radiusTo: number;
|
|
38
|
+
contentDelay: number;
|
|
39
|
+
contentDuration: number;
|
|
40
|
+
}>;
|
|
41
|
+
export interface CardMotionHoverAnimation {
|
|
42
|
+
y?: number;
|
|
43
|
+
scale?: number;
|
|
44
|
+
tension?: number;
|
|
45
|
+
friction?: number;
|
|
46
|
+
}
|
|
47
|
+
export interface CardMotionProps {
|
|
48
|
+
delay: number;
|
|
49
|
+
className?: string;
|
|
50
|
+
style?: React.CSSProperties;
|
|
51
|
+
children: React.ReactNode;
|
|
52
|
+
hoverable?: boolean;
|
|
53
|
+
glowIn?: boolean;
|
|
54
|
+
index?: number;
|
|
55
|
+
isVisible?: boolean;
|
|
56
|
+
entryPreset?: CardMotionEntryPreset;
|
|
57
|
+
entryAnimation?: CardMotionAnimation | false;
|
|
58
|
+
leaveAnimation?: CardMotionAnimation | false;
|
|
59
|
+
hoverAnimation?: CardMotionHoverAnimation | false;
|
|
60
|
+
}
|
|
@@ -11,6 +11,7 @@ interface ModalContextType {
|
|
|
11
11
|
modalRootState: ModalRootState;
|
|
12
12
|
addModal: (modalId: string, animation: ModalTransition, component: any) => void;
|
|
13
13
|
removeModal: (modalId: string) => void;
|
|
14
|
+
getModalOrder: (modalId: string) => number;
|
|
14
15
|
}
|
|
15
16
|
export declare const useModalContext: () => ModalContextType;
|
|
16
17
|
interface ModalProviderProps {
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export declare const StackGrowGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
modalContentClassName?: string;
|
|
5
|
+
disableOutsideClick?: boolean;
|
|
6
|
+
} & import('../ModalService').ModalOpts>;
|
|
7
|
+
export declare const StackSlideSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
modalContentClassName?: string;
|
|
10
|
+
disableOutsideClick?: boolean;
|
|
11
|
+
} & import('../ModalService').ModalOpts>;
|
|
12
|
+
export declare const StackPopPop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
modalContentClassName?: string;
|
|
15
|
+
disableOutsideClick?: boolean;
|
|
16
|
+
} & import('../ModalService').ModalOpts>;
|
|
17
|
+
export declare const StackGrowSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
18
|
+
children?: React.ReactNode;
|
|
19
|
+
modalContentClassName?: string;
|
|
20
|
+
disableOutsideClick?: boolean;
|
|
21
|
+
} & import('../ModalService').ModalOpts>;
|
|
22
|
+
export declare const StackSlideGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
modalContentClassName?: string;
|
|
25
|
+
disableOutsideClick?: boolean;
|
|
26
|
+
} & import('../ModalService').ModalOpts>;
|
|
27
|
+
export declare const StackGrowPop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
28
|
+
children?: React.ReactNode;
|
|
29
|
+
modalContentClassName?: string;
|
|
30
|
+
disableOutsideClick?: boolean;
|
|
31
|
+
} & import('../ModalService').ModalOpts>;
|
|
32
|
+
export declare const StackPopGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
33
|
+
children?: React.ReactNode;
|
|
34
|
+
modalContentClassName?: string;
|
|
35
|
+
disableOutsideClick?: boolean;
|
|
36
|
+
} & import('../ModalService').ModalOpts>;
|
|
37
|
+
export declare const StackSlidePop: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
modalContentClassName?: string;
|
|
40
|
+
disableOutsideClick?: boolean;
|
|
41
|
+
} & import('../ModalService').ModalOpts>;
|
|
42
|
+
export declare const StackPopSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
modalContentClassName?: string;
|
|
45
|
+
disableOutsideClick?: boolean;
|
|
46
|
+
} & import('../ModalService').ModalOpts>;
|
|
47
|
+
export declare const StackFullscreenOverNormal: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
48
|
+
children?: React.ReactNode;
|
|
49
|
+
modalContentClassName?: string;
|
|
50
|
+
disableOutsideClick?: boolean;
|
|
51
|
+
} & import('../ModalService').ModalOpts>;
|
|
52
|
+
export declare const StackNormalOverFullscreen: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
53
|
+
children?: React.ReactNode;
|
|
54
|
+
modalContentClassName?: string;
|
|
55
|
+
disableOutsideClick?: boolean;
|
|
56
|
+
} & import('../ModalService').ModalOpts>;
|
|
57
|
+
export declare const StackFullscreenSlideOverNormalGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
58
|
+
children?: React.ReactNode;
|
|
59
|
+
modalContentClassName?: string;
|
|
60
|
+
disableOutsideClick?: boolean;
|
|
61
|
+
} & import('../ModalService').ModalOpts>;
|
|
62
|
+
export declare const StackNormalSlideOverFullscreenGrow: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
63
|
+
children?: React.ReactNode;
|
|
64
|
+
modalContentClassName?: string;
|
|
65
|
+
disableOutsideClick?: boolean;
|
|
66
|
+
} & import('../ModalService').ModalOpts>;
|
|
67
|
+
export declare const StackNormalPopOverFullscreenSlide: import('storybook/internal/csf').StoryAnnotations<import('@storybook/react').ReactRenderer, {
|
|
68
|
+
children?: React.ReactNode;
|
|
69
|
+
modalContentClassName?: string;
|
|
70
|
+
disableOutsideClick?: boolean;
|
|
71
|
+
} & import('../ModalService').ModalOpts>;
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
export type BulletsPlacement = 'overlayBottom' | 'below';
|
|
2
3
|
export interface BulletsProps {
|
|
3
4
|
children: React.ReactElement;
|
|
5
|
+
placement?: BulletsPlacement;
|
|
4
6
|
}
|
|
5
7
|
export type BulletsComponentType = (props: BulletsProps) => React.ReactElement;
|
|
6
8
|
export declare const Bullets: (props: BulletsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,6 +2,8 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { ArrowComponentType, ArrowStyle } from './Arrow/Arrow';
|
|
3
3
|
import { BulletComponentType, BulletStyle } from './Bullet/Bullet';
|
|
4
4
|
import { BulletsComponentType } from './Bullets/Bullets';
|
|
5
|
+
export type SlideCarouselArrowPlacement = 'overlay' | 'outside';
|
|
6
|
+
export type SlideCarouselBulletPlacement = 'overlayBottom' | 'below';
|
|
5
7
|
export interface SliderProps {
|
|
6
8
|
activeIndex?: number;
|
|
7
9
|
initialIndex?: number;
|
|
@@ -18,5 +20,9 @@ export interface SliderProps {
|
|
|
18
20
|
setSlideCustom?: (slide: number) => number;
|
|
19
21
|
slidesAtOnce?: number;
|
|
20
22
|
slidesToSlide?: number;
|
|
23
|
+
/** Merged onto outer container; consumer-owned sizing escape hatch. */
|
|
24
|
+
className?: string;
|
|
25
|
+
arrowPlacement?: SlideCarouselArrowPlacement;
|
|
26
|
+
bulletPlacement?: SlideCarouselBulletPlacement;
|
|
21
27
|
}
|
|
22
28
|
export declare const SlideCarousel: React.FunctionComponent<SliderProps>;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
interface UseCarouselMovementArgs {
|
|
3
|
+
activeIndex: number;
|
|
4
|
+
auto: number;
|
|
5
|
+
initialIndex: number;
|
|
6
|
+
length: number;
|
|
7
|
+
onSlideChange: (slide: number) => void;
|
|
8
|
+
setSlideCustom?: (slide: number) => number;
|
|
9
|
+
slideGap: number;
|
|
10
|
+
slidesAtOnce: number;
|
|
11
|
+
slidesToSlide: number;
|
|
12
|
+
viewportRef: RefObject<HTMLDivElement>;
|
|
13
|
+
}
|
|
14
|
+
export declare const useCarouselMovement: ({ activeIndex, auto, initialIndex, length, onSlideChange, setSlideCustom, slideGap, slidesAtOnce, slidesToSlide, viewportRef, }: UseCarouselMovementArgs) => {
|
|
15
|
+
gestureBinds: (...args: any[]) => import('@use-gesture/react/dist/declarations/src/types').ReactDOMAttributes;
|
|
16
|
+
maxSlide: number;
|
|
17
|
+
nextSlide: () => void;
|
|
18
|
+
previousSlide: () => void;
|
|
19
|
+
slide: number;
|
|
20
|
+
trackStyle: {
|
|
21
|
+
transform: import('react-spring').Interpolation<number, string>;
|
|
22
|
+
willChange: string;
|
|
23
|
+
touchAction: string;
|
|
24
|
+
};
|
|
25
|
+
updateSlide: (index: number) => void;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { SlideCarousel } from '../SlideCarousel';
|
|
4
|
+
export type SlideCarouselStory = StoryObj<typeof SlideCarousel>;
|
|
5
|
+
export declare const EXCLUDED_CONTROLS: string[];
|
|
6
|
+
export declare function Slide({ n, bg }: {
|
|
7
|
+
n: number;
|
|
8
|
+
bg: string;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare const SLIDES: import("react/jsx-runtime").JSX.Element[];
|
|
11
|
+
export declare function CarouselWrapper({ children }: {
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,6 +44,10 @@ type BaseProps = {
|
|
|
44
44
|
isBlurred?: boolean;
|
|
45
45
|
allowNewLines?: boolean;
|
|
46
46
|
animateWords?: TextAnimationProps;
|
|
47
|
+
highlightWords?: string[];
|
|
48
|
+
highlightColor?: string;
|
|
49
|
+
highlightMode?: 'background' | 'text' | 'bold';
|
|
50
|
+
highlightCaseInsensitive?: boolean;
|
|
47
51
|
};
|
|
48
52
|
type SeeMoreProps = {
|
|
49
53
|
seeMore?: SeeMoreConfig;
|
|
@@ -30,4 +30,7 @@ export interface Props {
|
|
|
30
30
|
}
|
|
31
31
|
export interface TextHighlightedProps extends Props {
|
|
32
32
|
}
|
|
33
|
-
|
|
33
|
+
/**
|
|
34
|
+
* @deprecated Use `Text` with `highlightWords`, `highlightColor`, `highlightMode`, and `highlightCaseInsensitive` props instead.
|
|
35
|
+
*/
|
|
36
|
+
export declare const TextHighlighted: ({ caseInsensitive, ...props }: TextHighlightedProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -115,6 +115,8 @@ export { LottieAnimationLoader } from './core/LottieAnimationLoader';
|
|
|
115
115
|
export { LottieBase } from './core/LottieAnimationLoader';
|
|
116
116
|
export type { SlideTransitionProps } from './core/SlideTransition';
|
|
117
117
|
export { SlideTransition } from './core/SlideTransition';
|
|
118
|
+
export type { CardMotionProps } from './core/CardMotion';
|
|
119
|
+
export { CardMotion } from './core/CardMotion';
|
|
118
120
|
export type { OnboardingWelcomeAnimationProps } from './common/OnboardingWelcomeAnimation/OnboardingWelcomeAnimation.tsx';
|
|
119
121
|
export { OnboardingWelcomeAnimation } from './common/OnboardingWelcomeAnimation/OnboardingWelcomeAnimation.tsx';
|
|
120
122
|
export type { RcSvgProps } from './core/StyledSVG';
|
|
@@ -310,6 +312,8 @@ export type { SearchableSelectProps } from './core/SearchableSelect';
|
|
|
310
312
|
export { SearchableSelect } from './core/SearchableSelect';
|
|
311
313
|
export type { SliderProps } from './core/Slider';
|
|
312
314
|
export { Slider } from './core/Slider';
|
|
315
|
+
export type { SlideCarouselProps } from './core/SlideCarousel';
|
|
316
|
+
export { SlideCarousel } from './core/SlideCarousel';
|
|
313
317
|
export type { SmallLoaderProps } from './core/SmallLoader';
|
|
314
318
|
export { SmallLoader } from './core/SmallLoader';
|
|
315
319
|
export { Snackbar } from './core/Snackbar';
|