@instructure/ui-modal 8.25.1-snapshot-10 → 8.25.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
+## [8.25.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-13) (2022-06-22)
 
 **Note:** Version bump only for package @instructure/ui-modal
 

package/es/Modal/ModalBody/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["as", "elementRef", "overflow", "variant", "padding", "children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -44,25 +44,20 @@ id: Modal.Body
 ---
 @tsProps
 **/
-let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ModalBody extends Component {
-  static displayName = "ModalBody";
-  static componentId = 'Modal.Body';
-  static propTypes = propTypes;
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    padding: 'medium',
-    as: 'div',
-    variant: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
+let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalBody extends Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
 
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -103,6 +98,10 @@ let ModalBody = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalBody", _class2.componentId = 'Modal.Body', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  padding: 'medium',
+  as: 'div',
+  variant: 'default'
+}, _class2)) || _class) || _class);
 export default ModalBody;
 export { ModalBody };

package/es/Modal/ModalFooter/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -43,18 +43,15 @@ id: Modal.Footer
 ---
 @tsProps
 **/
-let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ModalFooter extends Component {
-  static displayName = "ModalFooter";
-  static componentId = 'Modal.Footer';
-  static propTypes = propTypes;
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    variant: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
+let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalFooter extends Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -82,6 +79,8 @@ let ModalFooter = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  variant: 'default'
+}, _class2)) || _class) || _class);
 export default ModalFooter;
 export { ModalFooter };

package/es/Modal/ModalHeader/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -44,19 +44,21 @@ id: Modal.Header
 ---
 @tsProps
 **/
-let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class ModalHeader extends Component {
-  static displayName = "ModalHeader";
-  static componentId = 'Modal.Header';
-  static propTypes = propTypes;
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    variant: 'default',
-    spacing: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
+let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class ModalHeader extends Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
+    this.makeStyleProps = () => {
+      return {
+        withCloseButton: this.usesCloseButton
+      };
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -70,12 +72,6 @@ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
 
-  makeStyleProps = () => {
-    return {
-      withCloseButton: this.usesCloseButton
-    };
-  };
-
   get usesCloseButton() {
     let hasCloseButton = false;
     React.Children.forEach(this.props.children, child => {
@@ -100,6 +96,9 @@ let ModalHeader = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  variant: 'default',
+  spacing: 'default'
+}, _class2)) || _class) || _class);
 export default ModalHeader;
 export { ModalHeader };

package/es/Modal/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["open", "onOpen", "onClose", "mountNode", "insertAt", "transition", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "constrain", "overflow"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /*
  * The MIT License (MIT)
@@ -51,40 +51,40 @@ tags: overlay, portal, dialog
 ---
 @tsProps
 **/
-let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class Modal extends Component {
-  static displayName = "Modal";
-  static componentId = 'Modal';
-  static propTypes = propTypes;
-  static allowedProps = allowedProps;
-  static defaultProps = {
-    open: false,
-    size: 'auto',
-    variant: 'default',
-    transition: 'fade',
-    insertAt: 'bottom',
-    shouldCloseOnDocumentClick: true,
-    shouldReturnFocus: true,
-    constrain: 'window',
-    overflow: 'scroll'
-  };
-  static Header = ModalHeader;
-  static Body = ModalBody;
-  static Footer = ModalFooter;
-
+let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Modal extends Component {
   constructor(props) {
     super(props);
+    this._DOMNode = null;
+    this._content = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
+    this.handlePortalOpen = DOMNode => {
+      this.DOMNode = DOMNode;
+    };
+
+    this.handleTransitionExited = () => {
+      this.setState({
+        transitioning: false
+      });
+    };
+
+    this.contentRef = el => {
+      this._content = el;
+
+      if (typeof this.props.contentRef === 'function') {
+        this.props.contentRef(el);
+      }
+    };
+
     this.state = {
       transitioning: false
     };
   }
 
-  _DOMNode = null;
-  _content = null;
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -124,22 +124,6 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
     }
   }
 
-  handlePortalOpen = DOMNode => {
-    this.DOMNode = DOMNode;
-  };
-  handleTransitionExited = () => {
-    this.setState({
-      transitioning: false
-    });
-  };
-  contentRef = el => {
-    this._content = el;
-
-    if (typeof this.props.contentRef === 'function') {
-      this.props.contentRef(el);
-    }
-  };
-
   renderChildren() {
     const _this$props3 = this.props,
           children = _this$props3.children,
@@ -242,6 +226,16 @@ let Modal = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = te
     }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "Modal", _class2.componentId = 'Modal', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+  open: false,
+  size: 'auto',
+  variant: 'default',
+  transition: 'fade',
+  insertAt: 'bottom',
+  shouldCloseOnDocumentClick: true,
+  shouldReturnFocus: true,
+  constrain: 'window',
+  overflow: 'scroll'
+}, _class2.Header = ModalHeader, _class2.Body = ModalBody, _class2.Footer = ModalFooter, _class2)) || _class) || _class);
 export default Modal;
 export { Modal, ModalHeader, ModalBody, ModalFooter };

package/lib/Modal/ModalBody/index.js

@@ -27,7 +27,7 @@ var _props = require("./props");
 
 const _excluded = ["as", "elementRef", "overflow", "variant", "padding", "children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /**
 ---
@@ -36,25 +36,20 @@ id: Modal.Body
 ---
 @tsProps
 **/
-let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ModalBody extends _react.Component {
-  static displayName = "ModalBody";
-  static componentId = 'Modal.Body';
-  static propTypes = _props.propTypes;
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    padding: 'medium',
-    as: 'div',
-    variant: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    const elementRef = this.props.elementRef;
-    this.ref = el;
-
-    if (typeof elementRef === 'function') {
-      elementRef(el);
-    }
-  };
+let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalBody extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      const elementRef = this.props.elementRef;
+      this.ref = el;
+
+      if (typeof elementRef === 'function') {
+        elementRef(el);
+      }
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -96,7 +91,11 @@ let ModalBody = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default)
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalBody", _class2.componentId = 'Modal.Body', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+  padding: 'medium',
+  as: 'div',
+  variant: 'default'
+}, _class2)) || _class) || _class);
 exports.ModalBody = ModalBody;
 var _default = ModalBody;
 exports.default = _default;

package/lib/Modal/ModalFooter/index.js

@@ -25,7 +25,7 @@ var _props = require("./props");
 
 const _excluded = ["children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /**
 ---
@@ -34,18 +34,15 @@ id: Modal.Footer
 ---
 @tsProps
 **/
-let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ModalFooter extends _react.Component {
-  static displayName = "ModalFooter";
-  static componentId = 'Modal.Footer';
-  static propTypes = _props.propTypes;
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    variant: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
+let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalFooter extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -72,7 +69,9 @@ let ModalFooter = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalFooter", _class2.componentId = 'Modal.Footer', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+  variant: 'default'
+}, _class2)) || _class) || _class);
 exports.ModalFooter = ModalFooter;
 var _default = ModalFooter;
 exports.default = _default;

package/lib/Modal/ModalHeader/index.js

@@ -31,7 +31,7 @@ var _props = require("./props");
 
 const _excluded = ["children"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /**
 ---
@@ -40,19 +40,21 @@ id: Modal.Header
 ---
 @tsProps
 **/
-let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class ModalHeader extends _react.Component {
-  static displayName = "ModalHeader";
-  static componentId = 'Modal.Header';
-  static propTypes = _props.propTypes;
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    variant: 'default',
-    spacing: 'default'
-  };
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
+let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class ModalHeader extends _react.Component {
+  constructor() {
+    super(...arguments);
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
+    this.makeStyleProps = () => {
+      return {
+        withCloseButton: this.usesCloseButton
+      };
+    };
+  }
 
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
@@ -66,12 +68,6 @@ let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
 
-  makeStyleProps = () => {
-    return {
-      withCloseButton: this.usesCloseButton
-    };
-  };
-
   get usesCloseButton() {
     let hasCloseButton = false;
 
@@ -97,7 +93,10 @@ let ModalHeader = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
     }), children);
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "ModalHeader", _class2.componentId = 'Modal.Header', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+  variant: 'default',
+  spacing: 'default'
+}, _class2)) || _class) || _class);
 exports.ModalHeader = ModalHeader;
 var _default = ModalHeader;
 exports.default = _default;

package/lib/Modal/index.js

@@ -66,7 +66,7 @@ var _props = require("./props");
 
 const _excluded = ["open", "onOpen", "onClose", "mountNode", "insertAt", "transition", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "constrain", "overflow"];
 
-var _dec, _dec2, _class;
+var _dec, _dec2, _class, _class2;
 
 /**
 ---
@@ -75,40 +75,40 @@ tags: overlay, portal, dialog
 ---
 @tsProps
 **/
-let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class Modal extends _react.Component {
-  static displayName = "Modal";
-  static componentId = 'Modal';
-  static propTypes = _props.propTypes;
-  static allowedProps = _props.allowedProps;
-  static defaultProps = {
-    open: false,
-    size: 'auto',
-    variant: 'default',
-    transition: 'fade',
-    insertAt: 'bottom',
-    shouldCloseOnDocumentClick: true,
-    shouldReturnFocus: true,
-    constrain: 'window',
-    overflow: 'scroll'
-  };
-  static Header = _ModalHeader.ModalHeader;
-  static Body = _ModalBody.ModalBody;
-  static Footer = _ModalFooter.ModalFooter;
-
+let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Modal extends _react.Component {
   constructor(props) {
     super(props);
+    this._DOMNode = null;
+    this._content = null;
+    this.ref = null;
+
+    this.handleRef = el => {
+      this.ref = el;
+    };
+
+    this.handlePortalOpen = DOMNode => {
+      this.DOMNode = DOMNode;
+    };
+
+    this.handleTransitionExited = () => {
+      this.setState({
+        transitioning: false
+      });
+    };
+
+    this.contentRef = el => {
+      this._content = el;
+
+      if (typeof this.props.contentRef === 'function') {
+        this.props.contentRef(el);
+      }
+    };
+
     this.state = {
       transitioning: false
     };
   }
 
-  _DOMNode = null;
-  _content = null;
-  ref = null;
-  handleRef = el => {
-    this.ref = el;
-  };
-
   componentDidMount() {
     var _this$props$makeStyle, _this$props;
 
@@ -148,22 +148,6 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     }
   }
 
-  handlePortalOpen = DOMNode => {
-    this.DOMNode = DOMNode;
-  };
-  handleTransitionExited = () => {
-    this.setState({
-      transitioning: false
-    });
-  };
-  contentRef = el => {
-    this._content = el;
-
-    if (typeof this.props.contentRef === 'function') {
-      this.props.contentRef(el);
-    }
-  };
-
   renderChildren() {
     const _this$props3 = this.props,
           children = _this$props3.children,
@@ -265,7 +249,17 @@ let Modal = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _d
     }, this.renderDialog(passthroughProps)) : this.renderDialog(passthroughProps)));
   }
 
-}) || _class) || _class);
+}, _class2.displayName = "Modal", _class2.componentId = 'Modal', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+  open: false,
+  size: 'auto',
+  variant: 'default',
+  transition: 'fade',
+  insertAt: 'bottom',
+  shouldCloseOnDocumentClick: true,
+  shouldReturnFocus: true,
+  constrain: 'window',
+  overflow: 'scroll'
+}, _class2.Header = _ModalHeader.ModalHeader, _class2.Body = _ModalBody.ModalBody, _class2.Footer = _ModalFooter.ModalFooter, _class2)) || _class) || _class);
 exports.Modal = Modal;
 var _default = Modal;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-modal",
-  "version": "8.25.1-snapshot-10",
+  "version": "8.25.1-snapshot-13",
   "description": "A component for displaying content in a dialog overlay",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,31 +24,31 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.25.1-snapshot-10",
-    "@instructure/emotion": "8.25.1-snapshot-10",
-    "@instructure/shared-types": "8.25.1-snapshot-10",
-    "@instructure/ui-buttons": "8.25.1-snapshot-10",
-    "@instructure/ui-dialog": "8.25.1-snapshot-10",
-    "@instructure/ui-motion": "8.25.1-snapshot-10",
-    "@instructure/ui-overlays": "8.25.1-snapshot-10",
-    "@instructure/ui-portal": "8.25.1-snapshot-10",
-    "@instructure/ui-prop-types": "8.25.1-snapshot-10",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-testable": "8.25.1-snapshot-10",
-    "@instructure/ui-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-view": "8.25.1-snapshot-10",
+    "@instructure/console": "8.25.1-snapshot-13",
+    "@instructure/emotion": "8.25.1-snapshot-13",
+    "@instructure/shared-types": "8.25.1-snapshot-13",
+    "@instructure/ui-buttons": "8.25.1-snapshot-13",
+    "@instructure/ui-dialog": "8.25.1-snapshot-13",
+    "@instructure/ui-motion": "8.25.1-snapshot-13",
+    "@instructure/ui-overlays": "8.25.1-snapshot-13",
+    "@instructure/ui-portal": "8.25.1-snapshot-13",
+    "@instructure/ui-prop-types": "8.25.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-testable": "8.25.1-snapshot-13",
+    "@instructure/ui-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-view": "8.25.1-snapshot-13",
     "prop-types": "^15"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
-    "@instructure/ui-color-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-position": "8.25.1-snapshot-10",
-    "@instructure/ui-test-locator": "8.25.1-snapshot-10",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-10",
-    "@instructure/ui-themes": "8.25.1-snapshot-10"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-position": "8.25.1-snapshot-13",
+    "@instructure/ui-test-locator": "8.25.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-13",
+    "@instructure/ui-themes": "8.25.1-snapshot-13"
   },
   "publishConfig": {
     "access": "public"