indicator-ui 0.0.384 → 0.0.385
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.js +69 -30
- package/dist/index.js.map +1 -1
- package/dist/types/src/hooks/ui-animations/assets/backdropModalAnimations.d.ts +8 -1
- package/dist/types/src/hooks/ui-animations/assets/modalAnimations.d.ts +9 -1
- package/dist/types/src/hooks/ui-animations/useBackgroundModalAnim.d.ts +5 -0
- package/dist/types/src/hooks/ui-animations/useModalAnim.d.ts +6 -0
- package/package.json +1 -1
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
type AnimationTypes = 'fade-in-scale-up' | 'slide-up-fade-in' | 'slide-down-fade-in' | 'fade-in';
|
|
2
2
|
type PosType = [number, number];
|
|
3
|
-
type
|
|
3
|
+
type AnimationItemOptionsType = {
|
|
4
|
+
zIndex?: {
|
|
5
|
+
modal?: number;
|
|
6
|
+
backdrop?: number;
|
|
7
|
+
};
|
|
8
|
+
backdropColor?: string;
|
|
9
|
+
};
|
|
10
|
+
type AnimationItemType = (timeline: gsap.core.Timeline, options?: AnimationItemOptionsType) => gsap.core.Timeline;
|
|
4
11
|
type AnimationValueType = {
|
|
5
12
|
appear: AnimationItemType;
|
|
6
13
|
disappear: AnimationItemType;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
type AnimationTypes = 'popover' | 'dropdown' | 'context-menu' | 'action-sheet';
|
|
2
2
|
type PosType = [number, number];
|
|
3
|
-
type
|
|
3
|
+
type AnimationItemOptionsType = {
|
|
4
|
+
zIndex?: {
|
|
5
|
+
modal?: number;
|
|
6
|
+
backdrop?: number;
|
|
7
|
+
target?: number;
|
|
8
|
+
};
|
|
9
|
+
backdropColor?: string;
|
|
10
|
+
};
|
|
11
|
+
type AnimationItemType = (timeline: gsap.core.Timeline, options?: AnimationItemOptionsType) => gsap.core.Timeline;
|
|
4
12
|
type AnimationValueType = {
|
|
5
13
|
appear: AnimationItemType;
|
|
6
14
|
disappear: AnimationItemType;
|
|
@@ -6,6 +6,11 @@ type OptionsType<T extends HTMLElement = HTMLElement> = {
|
|
|
6
6
|
onHiding?: () => void;
|
|
7
7
|
backdropClassName?: string;
|
|
8
8
|
animeType?: AnimationsTypes;
|
|
9
|
+
zIndex?: {
|
|
10
|
+
modal?: number;
|
|
11
|
+
backdrop?: number;
|
|
12
|
+
};
|
|
13
|
+
backdropColor?: string;
|
|
9
14
|
};
|
|
10
15
|
type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T>, options?: OptionsType];
|
|
11
16
|
type AnimationsTypes = keyof ReturnType<typeof BACKDROP_MODAL_ANIMATIONS>;
|
|
@@ -9,6 +9,12 @@ type OptionsType<T extends HTMLElement = HTMLElement> = Pick<UseSmartPlacementRe
|
|
|
9
9
|
smartPlacementOptions?: Omit<UseSmartPlacementResolverOptionsType, 'position'>;
|
|
10
10
|
backdropClassName?: string;
|
|
11
11
|
animeType?: AnimationsTypes;
|
|
12
|
+
zIndex?: {
|
|
13
|
+
modal?: number;
|
|
14
|
+
target?: number;
|
|
15
|
+
backdrop?: number;
|
|
16
|
+
};
|
|
17
|
+
backdropColor?: string;
|
|
12
18
|
};
|
|
13
19
|
type PropsType<T extends HTMLElement = HTMLElement> = [ref: RefObject<T>, options?: OptionsType];
|
|
14
20
|
type AnimationsTypes = keyof ReturnType<typeof MODAL_ANIMATIONS>;
|