feat(core): style properties module improvements and organization (#10685)

This commit is contained in:
Dimitris-Rafail Katsampas
2025-02-04 23:26:21 +02:00
committed by GitHub
parent 56af0b2f7e
commit 3a7206fc3b
13 changed files with 525 additions and 469 deletions

View File

@ -8,13 +8,19 @@ export type Transformation = {
value: TransformationValue;
};
export type TransformationType = 'rotate' | 'translate' | 'translateX' | 'translateY' | 'scale' | 'scaleX' | 'scaleY';
export type TransformationType = 'rotate' | 'rotate3d' | 'rotateX' | 'rotateY' | 'translate' | 'translate3d' | 'translateX' | 'translateY' | 'scale' | 'scale3d' | 'scaleX' | 'scaleY';
export type TransformationValue = Pair | number;
export type TransformationValue = Point3D | Pair | number;
export interface Point3D {
x: number;
y: number;
z: number;
}
export type TransformFunctionsInfo = {
translate: Pair;
rotate: number;
rotate: Point3D;
scale: Pair;
};
@ -55,7 +61,7 @@ export interface AnimationDefinition {
scale?: Pair;
height?: CoreTypes.PercentLengthType | string;
width?: CoreTypes.PercentLengthType | string;
rotate?: number;
rotate?: Point3D;
duration?: number;
delay?: number;
iterations?: number;

View File

@ -83,7 +83,7 @@ export type Transformation = {
/**
* Defines possible css transformations
*/
export type TransformationType = 'rotate' | 'rotateX' | 'rotateY' | 'translate' | 'translateX' | 'translateY' | 'scale' | 'scaleX' | 'scaleY';
export type TransformationType = 'rotate' | 'rotate3d' | 'rotateX' | 'rotateY' | 'translate' | 'translate3d' | 'translateX' | 'translateY' | 'scale' | 'scale3d' | 'scaleX' | 'scaleY';
/**
* Defines possible css transformation values