@rankingcoach/vanguard 1.8.0 → 1.9.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-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-ModalContext.js +37 -36
- package/dist/index-ModalTransition.js +9 -7
- 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.js +298 -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/index.d.ts +2 -0
- package/dist/vanguard-asset-analysis.json +1 -1
- package/dist/vanguard.css +1 -1
- package/dist-wordpress/index.js +779 -773
- 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/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -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>;
|
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';
|