@instructure/ui-motion 11.6.0 → 11.6.1-pr-snapshot-1779894247159

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.6.1-pr-snapshot-1779894247159](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.6.1-pr-snapshot-1779894247159) (2026-05-27)
+
+**Note:** Version bump only for package @instructure/ui-motion
+
+
+
+
+
 # [11.6.0](https://github.com/instructure/instructure-ui/compare/v11.5.0...v11.6.0) (2026-02-18)
 
 **Note:** Version bump only for package @instructure/ui-motion

package/{lib/Transition/props.js → babel.config.cjs}

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
 /*
  * The MIT License (MIT)
  *
@@ -28,6 +22,16 @@ exports.allowedProps = void 0;
  * SOFTWARE.
  */
 
-// TransitionCommonProps get passed to BaseTransition
-
-const allowedProps = exports.allowedProps = ['type', 'children', 'in', 'unmountOnExit', 'transitionOnMount', 'transitionEnter', 'transitionExit', 'onTransition', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited', 'elementRef'];
+module.exports = {
+  presets: [
+    [
+      require('@instructure/ui-babel-preset'),
+      {
+        coverage: Boolean(process.env.COVERAGE),
+        esModules: Boolean(process.env.ES_MODULES),
+        removeConsole: process.env.NODE_ENV === 'production',
+        transformImports: Boolean(process.env.TRANSFORM_IMPORTS)
+      }
+    ]
+  ]
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@instructure/ui-motion",
-  "version": "11.6.0",
+  "version": "11.6.1-pr-snapshot-1779894247159",
+  "type": "module",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
-  "main": "./lib/index.js",
   "types": "./types/index.d.ts",
   "repository": {
     "type": "git",
@@ -15,18 +15,18 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.6.0",
-    "@instructure/ui-react-utils": "11.6.0",
-    "@instructure/ui-dom-utils": "11.6.0",
-    "@instructure/shared-types": "11.6.0",
-    "@instructure/ui-utils": "11.6.0"
+    "@instructure/emotion": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-dom-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-react-utils": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/shared-types": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-utils": "11.6.1-pr-snapshot-1779894247159"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.6.0",
-    "@instructure/ui-themes": "11.6.0"
+    "@instructure/ui-babel-preset": "11.6.1-pr-snapshot-1779894247159",
+    "@instructure/ui-themes": "11.6.1-pr-snapshot-1779894247159"
   },
   "peerDependencies": {
     "react": ">=18 <=19"
@@ -39,10 +39,8 @@
     ".": {
       "types": "./types/index.d.ts",
       "import": "./es/index.js",
-      "require": "./lib/index.js",
       "default": "./es/index.js"
     },
-    "./lib/*": "./lib/*",
     "./es/*": "./es/*",
     "./types/*": "./types/*",
     "./package.json": "./package.json",
@@ -52,7 +50,7 @@
     "lint": "ui-scripts lint",
     "lint:fix": "ui-scripts lint --fix",
     "clean": "ui-scripts clean",
-    "build": "ui-scripts build --modules es,cjs",
+    "build": "ui-scripts build",
     "build:watch": "pnpm run ts:check -- --watch & ui-scripts build --watch",
     "build:types": "tsc -p tsconfig.build.json",
     "ts:check": "tsc -p tsconfig.build.json --noEmit --emitDeclarationOnly false"

package/lib/Transition/BaseTransition/index.js

@@ -1,300 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.BaseTransition = void 0;
-var _react = require("react");
-var _getClassList = require("@instructure/ui-dom-utils/lib/getClassList.js");
-var _findDOMNode = require("@instructure/ui-dom-utils/lib/findDOMNode.js");
-var _ensureSingleChild = require("@instructure/ui-react-utils/lib/ensureSingleChild.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _props = require("./props");
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const STATES = {
-  EXITED: -2,
-  EXITING: -1,
-  ENTERING: 1,
-  ENTERED: 2
-};
-
-/**
----
-private: true
----
-  Note: this is forked from https://github.com/react-bootstrap/react-overlays/blob/master/src/Transition.js
-  so that it works with css modules. The internals are pretty different now, but it has roughly the same api.
-**/
-class BaseTransition extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this._timeouts = [];
-    this._unmounted = false;
-    this.state = {
-      transitioning: false
-    };
-    this.ref = null;
-    this.handleRef = el => {
-      const elementRef = this.props.elementRef;
-      this.ref = el;
-      if (typeof elementRef === 'function') {
-        elementRef(el);
-      }
-    };
-    this.startTransition = (transitionIn, transitionOnStart) => {
-      const _this$props = this.props,
-        transitionEnter = _this$props.transitionEnter,
-        transitionExit = _this$props.transitionExit;
-      if (transitionIn) {
-        this.enter(transitionEnter && transitionOnStart ? STATES.EXITED : null);
-      } else {
-        this.exit(transitionExit && transitionOnStart ? STATES.ENTERED : null);
-      }
-    };
-    this.transition = (toState, fromState, transitionCallback, transitionDuration = 0) => {
-      if (this._unmounted) return;
-      const onTransition = this.props.onTransition;
-      const classList = (0, _getClassList.getClassList)(this.ref);
-      const transitionClassName = this.getTransitionClassName(toState);
-      const prevTransitionClassName = this.getTransitionClassName(fromState);
-      const baseTransitionClassName = this.props.transitionClassName;
-      if (fromState && transitionDuration && this.transitionEnabled(toState)) {
-        baseTransitionClassName && classList.add(baseTransitionClassName);
-      } else {
-        baseTransitionClassName && classList.remove(baseTransitionClassName);
-      }
-      if (prevTransitionClassName) {
-        classList.remove(prevTransitionClassName);
-      }
-      if (transitionClassName) {
-        classList.add(transitionClassName);
-      }
-      if (toState && fromState && typeof onTransition === 'function') {
-        onTransition(toState, fromState);
-      }
-      this._timeouts.push(setTimeout(() => {
-        if (this._unmounted) return;
-        if (typeof transitionCallback === 'function') {
-          transitionCallback();
-        }
-      }, transitionDuration));
-    };
-    this.enter = initialState => {
-      if (this.state.transitioning || this._unmounted) return;
-      const props = this.props;
-      if (typeof props.onEnter === 'function') {
-        props.onEnter();
-      }
-      if (props.transitionEnter) {
-        this.setState({
-          transitioning: true
-        }, () => {
-          const enter = () => {
-            if (typeof props.onEntering === 'function') {
-              props.onEntering();
-            }
-            this.transition(STATES.ENTERED, STATES.ENTERING, () => {
-              this.setState({
-                transitioning: false
-              }, () => {
-                if (typeof props.onEntered === 'function') {
-                  props.onEntered();
-                }
-              });
-            });
-          };
-          if (initialState) {
-            this.transition(initialState, null, () => {
-              this.transition(STATES.ENTERING, initialState, enter, props.enterDelay);
-            });
-          } else {
-            enter();
-          }
-        });
-      } else {
-        this.setState({
-          transitioning: false
-        }, () => {
-          this.transition(STATES.ENTERED, STATES.EXITED);
-          if (typeof props.onEntered === 'function') {
-            props.onEntered();
-          }
-        });
-      }
-    };
-    this.exit = initialState => {
-      if (this.state.transitioning) return;
-      const props = this.props;
-      if (typeof props.onExit === 'function') {
-        props.onExit();
-      }
-      if (props.transitionExit) {
-        this.setState({
-          transitioning: true
-        }, () => {
-          const exit = () => {
-            if (typeof props.onExiting === 'function') {
-              props.onExiting();
-            }
-            this.transition(STATES.EXITED, STATES.EXITING, () => {
-              this.setState({
-                transitioning: false
-              }, () => {
-                if (typeof props.onExited === 'function') {
-                  props.onExited();
-                }
-              });
-            });
-          };
-          if (initialState) {
-            this.transition(initialState, null, () => {
-              this.transition(STATES.EXITING, initialState, exit, props.exitDelay);
-            });
-          } else {
-            exit();
-          }
-        });
-      } else {
-        this.setState({
-          transitioning: false
-        }, () => {
-          this.transition(STATES.EXITED, STATES.ENTERED);
-          if (typeof props.onExited === 'function') {
-            props.onExited();
-          }
-        });
-      }
-    };
-  }
-  componentDidMount() {
-    this.startTransition(this.props.in, this.props.transitionOnMount);
-    this._unmounted = false;
-  }
-  getSnapshotBeforeUpdate(prevProps, prevState) {
-    if (this.props.in !== prevProps.in && prevState.transitioning) {
-      // direction changed before previous transition finished
-      return true;
-    }
-    return null;
-  }
-  componentDidUpdate(prevProps, _prevState, cancelPrematurely) {
-    if (cancelPrematurely) {
-      this.clearTransition(prevProps.transitionClassName);
-    }
-    if (this.props.transitionClassName !== prevProps.transitionClassName) {
-      this.clearTransition(prevProps.transitionClassName);
-    }
-    if (prevProps.in !== this.props.in) {
-      if (_prevState.transitioning) {
-        this.clearTransition(prevProps.transitionClassName);
-        clearTimeout(this._timeouts.pop());
-        this.setState({
-          transitioning: false
-        }, () => this.startTransition(this.props.in, true));
-      } else this.startTransition(this.props.in, true);
-    }
-  }
-  componentWillUnmount() {
-    this._timeouts.forEach(timeout => {
-      clearTimeout(timeout);
-    });
-    this._unmounted = true;
-  }
-  clearTransition(transitionClassName) {
-    if (this._unmounted) return;
-    this.setState({
-      transitioning: false
-    }, () => {
-      if (this._unmounted) return;
-      const classList = (0, _getClassList.getClassList)(this.ref);
-      Object.values(STATES).forEach(state => {
-        const className = this.getTransitionClassName(state);
-        if (className) {
-          classList.remove(className);
-        }
-      });
-      classList.remove(transitionClassName);
-    });
-  }
-  transitionEnabled(toState) {
-    const props = this.props;
-    switch (toState) {
-      case STATES.EXITED:
-      case STATES.EXITING:
-        return props.transitionExit;
-      case STATES.ENTERED:
-      case STATES.ENTERING:
-        return props.transitionEnter;
-      default:
-        return false;
-    }
-  }
-  getTransitionClassName(transitionState) {
-    const props = this.props;
-    switch (transitionState) {
-      case STATES.EXITED:
-        return props.exitedClassName;
-      case STATES.ENTERING:
-        return props.enteringClassName;
-      case STATES.ENTERED:
-        return props.enteredClassName;
-      case STATES.EXITING:
-        return props.exitingClassName;
-      default:
-        return void 0;
-    }
-  }
-  renderChildren() {
-    return this.props.children ? (0, _safeCloneElement.safeCloneElement)((0, _ensureSingleChild.ensureSingleChild)(this.props.children), {
-      'aria-hidden': !this.props.in ? true : void 0,
-      ref: el => {
-        const ref = (0, _findDOMNode.findDOMNode)(el) || null;
-        this.handleRef(ref);
-      }
-    }) : null;
-  }
-  render() {
-    if (!this.props.in && this.props.unmountOnExit && !this.state.transitioning) {
-      return null;
-    } else {
-      return this.renderChildren();
-    }
-  }
-}
-exports.BaseTransition = BaseTransition;
-BaseTransition.displayName = "BaseTransition";
-BaseTransition.allowedProps = _props.allowedProps;
-BaseTransition.defaultProps = {
-  in: false,
-  unmountOnExit: false,
-  transitionOnMount: false,
-  transitionEnter: true,
-  transitionExit: true,
-  enterDelay: 300,
-  exitDelay: 300
-};
-BaseTransition.states = STATES;
-var _default = exports.default = BaseTransition;

package/lib/Transition/BaseTransition/props.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.allowedProps = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-// These props get passed from Transition
-
-// This intersection is needed for calculating allowedProps
-
-// this is getting exported, might be extended later,
-// that's why it is separated from BaseTransitionOwnProps
-
-const allowedProps = exports.allowedProps = ['in', 'unmountOnExit', 'transitionOnMount', 'transitionEnter', 'transitionExit', 'enterDelay', 'exitDelay', 'transitionClassName', 'exitedClassName', 'exitingClassName', 'enteredClassName', 'enteringClassName', 'onTransition', 'onEnter', 'onEntering', 'onEntered', 'onExit', 'onExiting', 'onExited', 'children', 'className', 'elementRef'];

package/lib/Transition/index.js

@@ -1,122 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Transition = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("react");
-var _ms = require("@instructure/ui-utils/lib/ms.js");
-var _emotion = require("@instructure/emotion");
-var _styles = _interopRequireDefault(require("./styles"));
-var _theme = _interopRequireDefault(require("./theme"));
-var _BaseTransition = require("./BaseTransition");
-var _props = require("./props");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-const _excluded = ["type", "children", "styles"];
-var _dec, _class, _Transition;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-// test is breaking without importing React here
-/**
----
-category: components/utilities
----
-@module Transition
-**/
-let Transition = exports.Transition = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_Transition = class Transition extends _react.Component {
-  constructor(...args) {
-    super(...args);
-    this.ref = null;
-    this.handleRef = el => {
-      const elementRef = this.props.elementRef;
-      this.ref = el;
-      if (typeof elementRef === 'function') {
-        elementRef(el);
-      }
-    };
-    this.handleExited = () => {
-      if (typeof this.props.onExited === 'function') {
-        this.props.onExited(this.props.type);
-      }
-    };
-    this.handleEntered = () => {
-      if (typeof this.props.onEntered === 'function') {
-        this.props.onEntered(this.props.type);
-      }
-    };
-    // 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
-    this.renderTransitionHelper = () => {
-      const styles = this.props.styles;
-      return (0, _jsxRuntime.jsx)(_emotion.Global, {
-        styles: styles === null || styles === void 0 ? void 0 : styles.globalStyles
-      });
-    };
-  }
-  componentDidMount() {
-    var _this$props$makeStyle, _this$props;
-    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
-  }
-  componentDidUpdate() {
-    var _this$props$makeStyle2, _this$props2;
-    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
-  }
-  render() {
-    const _this$props3 = this.props,
-      type = _this$props3.type,
-      children = _this$props3.children,
-      styles = _this$props3.styles,
-      props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-    const duration = (0, _ms.ms)(styles.duration);
-    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [this.renderTransitionHelper(), (0, _jsxRuntime.jsx)(_BaseTransition.BaseTransition, {
-        ...props,
-        enterDelay: duration,
-        exitDelay: duration,
-        transitionClassName: styles.classNames.transitioning,
-        exitedClassName: styles.classNames.exited,
-        exitingClassName: styles.classNames.exiting,
-        enteredClassName: styles.classNames.entered,
-        enteringClassName: styles.classNames.entering,
-        onEntered: this.handleEntered,
-        onExited: this.handleExited,
-        elementRef: this.handleRef,
-        children: children
-      })]
-    });
-  }
-}, _Transition.displayName = "Transition", _Transition.componentId = 'Transition', _Transition.allowedProps = _props.allowedProps, _Transition.defaultProps = {
-  type: 'fade',
-  in: false,
-  unmountOnExit: false,
-  transitionOnMount: false,
-  transitionEnter: true,
-  transitionExit: true
-}, _Transition.states = _BaseTransition.BaseTransition.states, _Transition)) || _class);
-var _default = exports.default = Transition;

package/lib/Transition/styles.js

@@ -1,156 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getClassNames = exports.generateStyle = exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const getClassNames = type => ({
-  transitioning: `transition--${type}-transitioning`,
-  exited: `transition--${type}-exited`,
-  exiting: `transition--${type}-exiting`,
-  entered: `transition--${type}-entered`,
-  entering: `transition--${type}-entering`
-});
-
-/**
- * Generates the style object from the theme and provided additional information
- * @param componentTheme The theme variable object.
- * @param props the props of the component, the style is applied to
- * @return The final style object, which will be used in the component
- */
-exports.getClassNames = getClassNames;
-const generateStyle = (componentTheme, props) => {
-  const type = props.type;
-
-  /**
-   * 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`
-   *
-   * `!important` is added, so it overrides any other animation
-   * (this class is only on the DOM node while the animation is running)
-   *
-   * Todo: refactor or replace Transition/BaseTransition component in v9.0.0. so that it is not class based
-   */
-  const baseTransition = `opacity ${componentTheme.duration} ${componentTheme.timing}, transform ${componentTheme.duration} ${componentTheme.timing} !important`;
-
-  /* Animation type: fade */
-  const fadeAnimation = {
-    [`.transition--fade-transitioning`]: {
-      transition: baseTransition
-    },
-    [`.transition--fade-exiting,
-      .transition--fade-exited`]: {
-      opacity: 0.01
-    },
-    [`.transition--fade-entering,
-      .transition--fade-entered`]: {
-      opacity: 1
-    }
-  };
-
-  /* Animation type: scale */
-  const scaleAnimation = {
-    [`.transition--scale-transitioning`]: {
-      transition: baseTransition
-    },
-    [`.transition--scale-exiting,
-      .transition--scale-exited`]: {
-      transform: 'scale(0.01) translate3d(0, 0, 0)',
-      opacity: 0.01
-    },
-    [`.transition--scale-entering,
-      .transition--scale-entered`]: {
-      transform: 'scale(1) translate3d(0, 0, 0)',
-      opacity: 1
-    }
-  };
-
-  /* Animation type: slide */
-
-  /*
-    Note: the transitions for slide are:
-    from EXITED to ENTERING and from ENTERED to EXITING.
-     ENTERED and EXITED will be set directly
-    when enter or exit transitions are disabled and they reset
-    the 'stage' for the next transition.
-     The base transition class enables/disables transitions
-    from one state to another, so transitions should be set there.
-  */
-  const slideAnimation = {
-    [`.transition--slide-right-transitioning,
-      .transition--slide-left-transitioning,
-      .transition--slide-up-transitioning,
-      .transition--slide-down-transitioning`]: {
-      transition: baseTransition
-    },
-    [`.transition--slide-right-exited,
-      .transition--slide-left-exited,
-      .transition--slide-up-exited,
-      .transition--slide-down-exited`]: {
-      opacity: 0.01
-    },
-    [`.transition--slide-right-exiting,
-      .transition--slide-right-exited`]: {
-      transform: 'translate3d(100%, 0, 0)'
-    },
-    [`.transition--slide-left-exiting,
-      .transition--slide-left-exited`]: {
-      transform: 'translate3d(-100%, 0, 0)'
-    },
-    [`.transition--slide-up-exiting,
-      .transition--slide-up-exited`]: {
-      transform: 'translate3d(0, -100%, 0)'
-    },
-    [`.transition--slide-down-exiting,
-      .transition--slide-down-exited`]: {
-      transform: 'translate3d(0, 100%, 0)'
-    },
-    [`.transition--slide-left-entering,
-      .transition--slide-right-entering,
-      .transition--slide-up-entering,
-      .transition--slide-down-entering,
-      .transition--slide-left-entered,
-      .transition--slide-right-entered,
-      .transition--slide-up-entered,
-      .transition--slide-down-entered`]: {
-      transform: 'translate3d(0, 0, 0)',
-      opacity: 1
-    }
-  };
-  return {
-    duration: componentTheme.duration,
-    classNames: getClassNames(type),
-    globalStyles: {
-      ...fadeAnimation,
-      ...scaleAnimation,
-      ...slideAnimation
-    }
-  };
-};
-exports.generateStyle = generateStyle;
-var _default = exports.default = generateStyle;

package/lib/Transition/theme.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const transitions = theme.transitions;
-  const componentVariables = {
-    duration: transitions === null || transitions === void 0 ? void 0 : transitions.duration,
-    timing: transitions === null || transitions === void 0 ? void 0 : transitions.timing
-  };
-  return {
-    ...componentVariables
-  };
-};
-var _default = exports.default = generateComponentTheme;

package/lib/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BaseTransition", {
-  enumerable: true,
-  get: function () {
-    return _BaseTransition.BaseTransition;
-  }
-});
-Object.defineProperty(exports, "Transition", {
-  enumerable: true,
-  get: function () {
-    return _Transition.Transition;
-  }
-});
-var _Transition = require("./Transition");
-var _BaseTransition = require("./Transition/BaseTransition");

package/lib/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}