@razorpay/blade 11.39.0 → 12.0.0

package/build/types/tokens/index.d.ts

@@ -434,6 +434,24 @@ type Spacing = Readonly<{
 }>;
 declare const spacing: Spacing;
 
+/**
+ *
+ * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
+ *
+ * ### Usage
+ *
+ * ```ts
+ * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
+ * ```
+ *
+ * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
+ *
+ * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
+ * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
+ *
+ */
+type StringWithAutocomplete = string & Record<never, never>;
+
 type ColorSchemeNames = 'dark' | 'light';
 type ColorSchemeNamesInput = ColorSchemeNames | 'system';
 type ColorSchemeModes = 'onDark' | 'onLight';
@@ -606,56 +624,41 @@ declare namespace Platform {
     }>;
 }
 
-type DotNotationMotionStringToken<TokenType> = {
-    [K in keyof TokenType]: `${Extract<K, string>}.${TokenType[K] extends Record<string, string | EasingFactoryFn> ? Extract<keyof TokenType[K], string | EasingFactoryFn> : DotNotationMotionStringToken<TokenType[K]>}`;
-}[keyof TokenType];
-/**
- *
- * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
- *
- * ### Usage
- *
- * ```ts
- * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
- * ```
- *
- * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
- *
- * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
- * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
- *
- */
-type StringWithAutocomplete = string & Record<never, never>;
-
 type Duration = {
-    /** `70` milliseconds */
-    '2xquick': 70;
-    /** `150` milliseconds */
-    xquick: 150;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
     /** `200` milliseconds */
     quick: 200;
-    /** `250` milliseconds */
-    moderate: 250;
-    /** `300` milliseconds */
-    xmoderate: 300;
-    /** `400` milliseconds */
-    gentle: 400;
-    /** `600` milliseconds */
-    xgentle: 600;
-    /** `900` milliseconds */
-    '2xgentle': 900;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `360` milliseconds */
+    xmoderate: 360;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `640` milliseconds */
+    xgentle: 640;
+    /** `960` milliseconds */
+    '2xgentle': 960;
 };
 type Delay = {
-    /** `70` milliseconds */
-    '2xshort': 70;
-    /** `120` milliseconds */
-    xshort: 120;
-    /** `180` milliseconds */
-    short: 180;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `960` milliseconds */
+    xgentle: 960;
+    /** `2000` milliseconds */
+    long: 2000;
     /** `3000` milliseconds */
-    long: 3000;
+    xlong: 3000;
     /** `5000` milliseconds */
-    xlong: 5000;
+    '2xlong': 5000;
 };
 type EasingFactoryFn = {
     factory: () => (value: number) => number;
@@ -665,62 +668,69 @@ type EasingType<Value extends string> = Platform.Select<{
     native: EasingFactoryFn;
 }>;
 type Easing = {
-    /** Easings for all standard animations*/
-    standard: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0.3, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0.5, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
-        /** `cubic-bezier(1, 0.5, 0, 0.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        wary: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
-    };
-    /** Easings for all entrance animations*/
-    entrance: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0, 0, 0, 1)'>;
-    };
-    /** Easings for all exit animations*/
-    exit: {
-        /** `cubic-bezier(0.7, 0, 0.5, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.7, 0, 0.5, 1)'>;
-        /** `cubic-bezier(0.17, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
-        /** `cubic-bezier(0.5, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 1, 1)'>;
-    };
+    /**
+     * Linear Easing
+     *
+     * Use Case: Marquee, Progress Bar, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
+    /**
+     * Entrance Animation Easing
+     *
+     * Use Case: Entry of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
+    /**
+     * Exit Animation Easing
+     *
+     * Use Case: Exit of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
+    /**
+     * Standard Easing
+     *
+     * Use Case: Morph
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
+    /**
+     * Emphasized Easing
+     *
+     * Use Case: Hover states of interactive items
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
+    /**
+     * Overshoot Easing
+     *
+     * Use Case: Toast notifications
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
+    /**
+     * Error Easing
+     *
+     * Use Case: Error States
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
 };
 type Motion = Readonly<{
     delay: Delay;
     duration: Duration;
     easing: Easing;
 }>;
-type EasingString = `easing.${DotNotationMotionStringToken<Easing>}`;
+type EasingString = `easing.${keyof Easing}`;
 type DurationString = `duration.${keyof Duration}`;
 type DelayString = `delay.${keyof Delay}`;
 declare const motion: Motion;

package/build/types/tokens/index.native.d.ts

@@ -434,6 +434,24 @@ type Spacing = Readonly<{
 }>;
 declare const spacing: Spacing;
 
+/**
+ *
+ * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
+ *
+ * ### Usage
+ *
+ * ```ts
+ * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
+ * ```
+ *
+ * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
+ *
+ * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
+ * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
+ *
+ */
+type StringWithAutocomplete = string & Record<never, never>;
+
 type ColorSchemeNames = 'dark' | 'light';
 type ColorSchemeNamesInput = ColorSchemeNames | 'system';
 type ColorSchemeModes = 'onDark' | 'onLight';
@@ -606,56 +624,41 @@ declare namespace Platform {
     }>;
 }
 
-type DotNotationMotionStringToken<TokenType> = {
-    [K in keyof TokenType]: `${Extract<K, string>}.${TokenType[K] extends Record<string, string | EasingFactoryFn> ? Extract<keyof TokenType[K], string | EasingFactoryFn> : DotNotationMotionStringToken<TokenType[K]>}`;
-}[keyof TokenType];
-/**
- *
- * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
- *
- * ### Usage
- *
- * ```ts
- * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
- * ```
- *
- * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
- *
- * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
- * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
- *
- */
-type StringWithAutocomplete = string & Record<never, never>;
-
 type Duration = {
-    /** `70` milliseconds */
-    '2xquick': 70;
-    /** `150` milliseconds */
-    xquick: 150;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
     /** `200` milliseconds */
     quick: 200;
-    /** `250` milliseconds */
-    moderate: 250;
-    /** `300` milliseconds */
-    xmoderate: 300;
-    /** `400` milliseconds */
-    gentle: 400;
-    /** `600` milliseconds */
-    xgentle: 600;
-    /** `900` milliseconds */
-    '2xgentle': 900;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `360` milliseconds */
+    xmoderate: 360;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `640` milliseconds */
+    xgentle: 640;
+    /** `960` milliseconds */
+    '2xgentle': 960;
 };
 type Delay = {
-    /** `70` milliseconds */
-    '2xshort': 70;
-    /** `120` milliseconds */
-    xshort: 120;
-    /** `180` milliseconds */
-    short: 180;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `960` milliseconds */
+    xgentle: 960;
+    /** `2000` milliseconds */
+    long: 2000;
     /** `3000` milliseconds */
-    long: 3000;
+    xlong: 3000;
     /** `5000` milliseconds */
-    xlong: 5000;
+    '2xlong': 5000;
 };
 type EasingFactoryFn = {
     factory: () => (value: number) => number;
@@ -665,62 +668,69 @@ type EasingType<Value extends string> = Platform.Select<{
     native: EasingFactoryFn;
 }>;
 type Easing = {
-    /** Easings for all standard animations*/
-    standard: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0.3, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0.5, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
-        /** `cubic-bezier(1, 0.5, 0, 0.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        wary: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
-    };
-    /** Easings for all entrance animations*/
-    entrance: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0, 0, 0, 1)'>;
-    };
-    /** Easings for all exit animations*/
-    exit: {
-        /** `cubic-bezier(0.7, 0, 0.5, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.7, 0, 0.5, 1)'>;
-        /** `cubic-bezier(0.17, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
-        /** `cubic-bezier(0.5, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 1, 1)'>;
-    };
+    /**
+     * Linear Easing
+     *
+     * Use Case: Marquee, Progress Bar, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
+    /**
+     * Entrance Animation Easing
+     *
+     * Use Case: Entry of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
+    /**
+     * Exit Animation Easing
+     *
+     * Use Case: Exit of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
+    /**
+     * Standard Easing
+     *
+     * Use Case: Morph
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
+    /**
+     * Emphasized Easing
+     *
+     * Use Case: Hover states of interactive items
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
+    /**
+     * Overshoot Easing
+     *
+     * Use Case: Toast notifications
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
+    /**
+     * Error Easing
+     *
+     * Use Case: Error States
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
 };
 type Motion = Readonly<{
     delay: Delay;
     duration: Duration;
     easing: Easing;
 }>;
-type EasingString = `easing.${DotNotationMotionStringToken<Easing>}`;
+type EasingString = `easing.${keyof Easing}`;
 type DurationString = `duration.${keyof Duration}`;
 type DelayString = `delay.${keyof Delay}`;
 declare const motion: Motion;

package/build/types/utils/index.d.ts

@@ -329,34 +329,40 @@ type Spacing = Readonly<{
 }>;
 
 type Duration = {
-    /** `70` milliseconds */
-    '2xquick': 70;
-    /** `150` milliseconds */
-    xquick: 150;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
     /** `200` milliseconds */
     quick: 200;
-    /** `250` milliseconds */
-    moderate: 250;
-    /** `300` milliseconds */
-    xmoderate: 300;
-    /** `400` milliseconds */
-    gentle: 400;
-    /** `600` milliseconds */
-    xgentle: 600;
-    /** `900` milliseconds */
-    '2xgentle': 900;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `360` milliseconds */
+    xmoderate: 360;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `640` milliseconds */
+    xgentle: 640;
+    /** `960` milliseconds */
+    '2xgentle': 960;
 };
 type Delay = {
-    /** `70` milliseconds */
-    '2xshort': 70;
-    /** `120` milliseconds */
-    xshort: 120;
-    /** `180` milliseconds */
-    short: 180;
+    /** `80` milliseconds */
+    '2xquick': 80;
+    /** `160` milliseconds */
+    xquick: 160;
+    /** `280` milliseconds */
+    moderate: 280;
+    /** `480` milliseconds */
+    gentle: 480;
+    /** `960` milliseconds */
+    xgentle: 960;
+    /** `2000` milliseconds */
+    long: 2000;
     /** `3000` milliseconds */
-    long: 3000;
+    xlong: 3000;
     /** `5000` milliseconds */
-    xlong: 5000;
+    '2xlong': 5000;
 };
 type EasingFactoryFn = {
     factory: () => (value: number) => number;
@@ -366,55 +372,62 @@ type EasingType<Value extends string> = Platform.Select<{
     native: EasingFactoryFn;
 }>;
 type Easing = {
-    /** Easings for all standard animations*/
-    standard: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0.3, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0.5, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
-        /** `cubic-bezier(1, 0.5, 0, 0.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        wary: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
-    };
-    /** Easings for all entrance animations*/
-    entrance: {
-        /** `cubic-bezier(0.5, 0, 0.3, 1.5)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
-        /** `cubic-bezier(0, 0, 0.2, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
-        /** `cubic-bezier(0, 0, 0, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0, 0, 0, 1)'>;
-    };
-    /** Easings for all exit animations*/
-    exit: {
-        /** `cubic-bezier(0.7, 0, 0.5, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        attentive: EasingType<'cubic-bezier(0.7, 0, 0.5, 1)'>;
-        /** `cubic-bezier(0.17, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        effective: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
-        /** `cubic-bezier(0.5, 0, 1, 1)`
-         *
-         *  Returns a `string` of `"cubic-bezier(...)"` for web & react-native-reanimated's Easing Function of type `EasingFactoryFn` for native */
-        revealing: EasingType<'cubic-bezier(0.5, 0, 1, 1)'>;
-    };
+    /**
+     * Linear Easing
+     *
+     * Use Case: Marquee, Progress Bar, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    linear: EasingType<'cubic-bezier(0, 0, 0, 0)'>;
+    /**
+     * Entrance Animation Easing
+     *
+     * Use Case: Entry of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    entrance: EasingType<'cubic-bezier(0, 0, 0.2, 1)'>;
+    /**
+     * Exit Animation Easing
+     *
+     * Use Case: Exit of modals, drawer, dropdown, etc
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    exit: EasingType<'cubic-bezier(0.17, 0, 1, 1)'>;
+    /**
+     * Standard Easing
+     *
+     * Use Case: Morph
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    standard: EasingType<'cubic-bezier(0.3, 0, 0.2, 1)'>;
+    /**
+     * Emphasized Easing
+     *
+     * Use Case: Hover states of interactive items
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    emphasized: EasingType<'cubic-bezier(0.5, 0, 0, 1)'>;
+    /**
+     * Overshoot Easing
+     *
+     * Use Case: Toast notifications
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    overshoot: EasingType<'cubic-bezier(0.5, 0, 0.3, 1.5)'>;
+    /**
+     * Error Easing
+     *
+     * Use Case: Error States
+     *
+     * Returns cubic-bezier string in web and EasingFactoryFn of react-native-reanimated in native
+     */
+    shake: EasingType<'cubic-bezier(1, 0.5, 0, 0.5)'>;
 };
 type Motion = Readonly<{
     delay: Delay;