@instructure/ui-motion 8.11.2-snapshot.3 → 8.11.2-snapshot.45

package/types/Transition/BaseTransition/props.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { PropValidators } from '@instructure/shared-types';
-declare type BaseTransitionOwnProps = {
+declare type TransitionType = 'fade' | 'scale' | 'slide-down' | 'slide-up' | 'slide-left' | 'slide-right';
+declare type TransitionCommonProps = {
     /**
      * Show the component? Triggers the enter or exit animation.
      */
@@ -22,6 +23,40 @@ declare type BaseTransitionOwnProps = {
      * Run the exit animation
      */
     transitionExit?: boolean;
+    /**
+     * Callback fired when transitioning to the next state
+     */
+    onTransition?: (toState: BaseTransitionStatesType, fromState: BaseTransitionStatesType) => void;
+    /**
+     * Callback fired before the "entering" classes are applied
+     */
+    onEnter?: () => void;
+    /**
+     * Callback fired after the "entering" classes are applied
+     */
+    onEntering?: () => void;
+    /**
+     * Callback fired after the "enter" classes are applied
+     */
+    onEntered?: (type?: TransitionType) => void;
+    /**
+     * Callback fired before the "exiting" classes are applied
+     */
+    onExit?: () => void;
+    /**
+     * Callback fired after the "exiting" classes are applied
+     */
+    onExiting?: () => void;
+    /**
+     * Callback fired after the "exited" classes are applied
+     */
+    onExited?: (type?: TransitionType) => void;
+    /**
+     * A single element to animate in and out
+     */
+    children?: React.ReactNode;
+};
+declare type OwnProps = {
     /**
      * A Timeout for the animation, in milliseconds, to ensure that a node doesn't
      * transition indefinately if the browser transitionEnd events are
@@ -43,59 +78,38 @@ declare type BaseTransitionOwnProps = {
     /**
      * the base CSS class for the transition (transitions go here)
      */
-    transitionClassName?: string;
+    transitionClassName: string;
     /**
      * CSS class or classes applied when the component is exited
      */
-    exitedClassName?: string;
+    exitedClassName: string;
     /**
      * CSS class or classes applied while the component is exiting
      */
-    exitingClassName?: string;
+    exitingClassName: string;
     /**
      * CSS class or classes applied when the component is entered
      */
-    enteredClassName?: string;
+    enteredClassName: string;
     /**
      * CSS class or classes applied while the component is entering
      */
-    enteringClassName?: string;
-    /**
-     * Callback fired when transitioning to the next state
-     */
-    onTransition?: (toState: number, fromState: number) => void;
-    /**
-     * Callback fired before the "entering" classes are applied
-     */
-    onEnter?: () => void;
-    /**
-     * Callback fired after the "entering" classes are applied
-     */
-    onEntering?: () => void;
-    /**
-     * Callback fired after the "enter" classes are applied
-     */
-    onEntered?: () => void;
-    /**
-     * Callback fired before the "exiting" classes are applied
-     */
-    onExit?: () => void;
-    /**
-     * Callback fired after the "exiting" classes are applied
-     */
-    onExiting?: () => void;
-    /**
-     * Callback fired after the "exited" classes are applied
-     */
-    onExited?: () => void;
-    children?: React.ReactNode;
+    enteringClassName: string;
     className?: string;
 };
+declare type BaseTransitionOwnProps = TransitionCommonProps & OwnProps;
+declare type BaseTransitionProps = BaseTransitionOwnProps;
+declare type CommonPropKeys = keyof TransitionCommonProps;
 declare type PropKeys = keyof BaseTransitionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type BaseTransitionProps = BaseTransitionOwnProps;
+declare const transitionCommonPropTypes: PropValidators<CommonPropKeys>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { BaseTransitionProps };
-export { propTypes, allowedProps };
+declare type BaseTransitionState = {
+    transitioning: boolean;
+};
+declare type BaseTransitionStateValue = 'EXITED' | 'EXITING' | 'ENTERING' | 'ENTERED';
+declare type BaseTransitionStatesType = -2 | -1 | 1 | 2;
+export type { BaseTransitionProps, TransitionCommonProps, TransitionType, BaseTransitionState, BaseTransitionStateValue, BaseTransitionStatesType };
+export { propTypes, allowedProps, transitionCommonPropTypes };
 //# sourceMappingURL=props.d.ts.map

package/types/Transition/BaseTransition/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IAE3D;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAErB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAsBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Transition/BaseTransition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAGjB,aAAK,qBAAqB,GAAG;IAC3B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IAEZ;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAE,wBAAwB,KAChC,IAAI,CAAA;IAET;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG;IACd;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IAEzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAGD,aAAK,sBAAsB,GAAG,qBAAqB,GAAG,QAAQ,CAAA;AAI9D,aAAK,mBAAmB,GAAG,sBAAsB,CAAA;AAEjD,aAAK,cAAc,GAAG,MAAM,qBAAqB,CAAA;AACjD,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,QAAA,MAAM,yBAAyB,EAAE,cAAc,CAAC,cAAc,CAc7D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAWvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,aAAK,mBAAmB,GAAG;IACzB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,aAAK,wBAAwB,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;AAC7E,aAAK,wBAAwB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE/C,YAAY,EACV,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,EACzB,CAAA;AACD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,yBAAyB,EAAE,CAAA"}

package/types/Transition/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 /** @jsxFrag React.Fragment */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { jsx } from '@instructure/emotion';
 import type { TransitionProps } from './props';
 /**
@@ -8,41 +8,12 @@ import type { TransitionProps } from './props';
 category: components/utilities
 ---
 @module Transition
+@tsProps
 **/
 declare class Transition extends Component<TransitionProps> {
     static readonly componentId = "Transition";
-    static allowedProps: readonly (keyof {
-        type?: import("./props").TransitionType | undefined;
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
-        onTransition?: ((...args: any[]) => any) | undefined;
-        onEnter?: ((...args: any[]) => any) | undefined;
-        onEntering?: ((...args: any[]) => any) | undefined;
-        onEntered?: ((...args: any[]) => any) | undefined;
-        onExit?: ((...args: any[]) => any) | undefined;
-        onExiting?: ((...args: any[]) => any) | undefined;
-        onExited?: ((...args: any[]) => any) | undefined;
-        children?: React.ReactNode;
-    })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        type?: import("./props").TransitionType | undefined;
-        in?: boolean | undefined;
-        unmountOnExit?: boolean | undefined;
-        transitionOnMount?: boolean | undefined;
-        transitionEnter?: boolean | undefined;
-        transitionExit?: boolean | undefined;
-        onTransition?: ((...args: any[]) => any) | undefined;
-        onEnter?: ((...args: any[]) => any) | undefined;
-        onEntering?: ((...args: any[]) => any) | undefined;
-        onEntered?: ((...args: any[]) => any) | undefined;
-        onExit?: ((...args: any[]) => any) | undefined;
-        onExiting?: ((...args: any[]) => any) | undefined;
-        onExited?: ((...args: any[]) => any) | undefined;
-        children?: React.ReactNode;
-    }>;
+    static allowedProps: readonly (keyof import("./BaseTransition/props").TransitionCommonProps | "type")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof import("./BaseTransition/props").TransitionCommonProps | "type">;
     static defaultProps: {
         type: string;
         in: boolean;
@@ -50,33 +21,12 @@ declare class Transition extends Component<TransitionProps> {
         transitionOnMount: boolean;
         transitionEnter: boolean;
         transitionExit: boolean;
-        onEnter: () => void;
-        onEntering: () => void;
-        onEntered: () => void;
-        onExit: () => void;
-        onExiting: () => void;
-        onExited: () => void;
-        onTransition: (toState: any, fromState: any) => void;
-        children: null;
-    };
-    static states: {
-        EXITED: number;
-        EXITING: number;
-        ENTERING: number;
-        ENTERED: number;
     };
+    static states: Record<import("./BaseTransition/props").BaseTransitionStateValue, import("./BaseTransition/props").BaseTransitionStatesType>;
     componentDidMount(): void;
     componentDidUpdate(): void;
     handleExited: () => void;
     handleEntered: () => void;
-    /**
-     * Transition helper:
-     * After emotion migration the only way to keep
-     * the old BaseTransition functionality with adding and removing
-     * classes was to add the `Global` helper of `emotion`
-     *
-     * Todo: try to refactor or replace Transition/BaseTransition component in v9.0.0. so that it is not class based
-     */
     renderTransitionHelper: () => jsx.JSX.Element;
     render(): jsx.JSX.Element;
 }

package/types/Transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Transition/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAG9B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAa,GAAG,EAAU,MAAM,sBAAsB,CAAA;AAQ7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;GAKG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAiBlB;IAED,MAAM,CAAC,MAAM;;;;;MAAwB;IAErC,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,aAIX;IAED,aAAa,aAIZ;IAED;;;;;;;OAOG;IACH,sBAAsB,wBAIrB;IAED,MAAM;CA8BP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Transition/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,8BAA8B;AAG9B,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAa,GAAG,EAAU,MAAM,sBAAsB,CAAA;AAQ7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;;GAMG;AACH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,qFAAe;IAClC,MAAM,CAAC,SAAS,+IAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,MAAM,CAAC,MAAM,+HAAwB;IAErC,iBAAiB;IAIjB,kBAAkB;IAIlB,YAAY,aAIX;IAED,aAAa,aAIZ;IAOD,sBAAsB,wBAIrB;IAED,MAAM;CAyBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/Transition/props.d.ts

@@ -1,29 +1,25 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import type { PropValidators, TransitionTheme } from '@instructure/shared-types';
 import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
-declare type TransitionType = 'fade' | 'scale' | 'slide-down' | 'slide-up' | 'slide-left' | 'slide-right';
-declare type TransitionOwnProps = {
+import type { TransitionCommonProps, TransitionType } from './BaseTransition/props';
+declare const transitionTypePropType: PropTypes.Requireable<TransitionType>;
+declare type OwnProps = {
     type?: TransitionType;
-    in?: boolean;
-    unmountOnExit?: boolean;
-    transitionOnMount?: boolean;
-    transitionEnter?: boolean;
-    transitionExit?: boolean;
-    onTransition?: (...args: any[]) => any;
-    onEnter?: (...args: any[]) => any;
-    onEntering?: (...args: any[]) => any;
-    onEntered?: (...args: any[]) => any;
-    onExit?: (...args: any[]) => any;
-    onExiting?: (...args: any[]) => any;
-    onExited?: (...args: any[]) => any;
-    children?: React.ReactNode;
 };
+declare type TransitionOwnProps = OwnProps & TransitionCommonProps;
 declare type PropKeys = keyof TransitionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type TransitionProps = TransitionOwnProps & WithStyleProps<TransitionTheme, TransitionStyle>;
-declare type TransitionStyle = ComponentStyle<'duration' | 'classNames' | 'globalStyles'>;
-declare const transitionTypePropType: PropTypes.Requireable<string>;
+declare type TransitionStyle = ComponentStyle<'globalStyles'> & {
+    duration: TransitionTheme['duration'];
+    classNames: {
+        transitioning: string;
+        exited: string;
+        exiting: string;
+        entered: string;
+        entering: string;
+    };
+};
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
 export type { TransitionProps, TransitionType, TransitionStyle };

package/types/Transition/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Transition/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,cAAc,GACf,MAAM,GACN,OAAO,GACP,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAGjB,aAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACtC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CACnC,UAAU,GAAG,YAAY,GAAG,cAAc,CAC3C,CAAA;AAED,QAAA,MAAM,sBAAsB,+BAO1B,CAAA;AAEF,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Transition/props.ts"],"names":[],"mappings":"AAwBA,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAG1E,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACf,MAAM,wBAAwB,CAAA;AAW/B,QAAA,MAAM,sBAAsB,uCAAmC,CAAA;AAE/D,aAAK,QAAQ,GAAG;IACd,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB,CAAA;AAGD,aAAK,kBAAkB,GAAG,QAAQ,GAAG,qBAAqB,CAAA;AAE1D,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,UAAU,EAAE;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;CACF,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,CAAA"}

package/types/Transition/styles.d.ts

@@ -1,5 +1,12 @@
 import type { TransitionTheme } from '@instructure/shared-types';
 import type { TransitionProps, TransitionStyle } from './props';
+declare const getClassNames: (type: TransitionProps['type']) => {
+    transitioning: string;
+    exited: string;
+    exiting: string;
+    entered: string;
+    entering: string;
+};
 /**
  * ---
  * private: true
@@ -11,5 +18,6 @@ import type { TransitionProps, TransitionStyle } from './props';
  * @return {Object} The final style object, which will be used in the component
  */
 declare const generateStyle: (componentTheme: TransitionTheme, props: TransitionProps) => TransitionStyle;
+export { generateStyle, getClassNames };
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/Transition/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Transition/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eAqHF,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Transition/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,aAAa,SAAU,eAAe,CAAC,MAAM,CAAC;;;;;;CAMlD,CAAA;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eA6GF,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AACvC,eAAe,aAAa,CAAA"}