@instructure/ui-drawer-layout 8.17.1-snapshot.82 → 8.18.1-snapshot.1

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.18.0](https://github.com/instructure/instructure-ui/compare/v8.17.0...v8.18.0) (2022-02-23)
+
+**Note:** Version bump only for package @instructure/ui-drawer-layout
+
 # [8.17.0](https://github.com/instructure/instructure-ui/compare/v8.16.0...v8.17.0) (2022-02-07)
 
 ### Bug Fixes

package/es/DrawerLayout/DrawerContent/index.js

@@ -69,6 +69,8 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     const rect = getBoundingClientRect(this.ref);
     const origSize = {
       width: rect.width
@@ -93,36 +95,44 @@ let DrawerContent = (_dec = withStyle(generateStyle, generateComponentTheme), _d
         };
 
         if (size.width !== origSize.width) {
-          this._debounced?.(size);
+          var _this$_debounced;
+
+          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this, size);
         }
       }
     });
 
     this._resizeListener.observe(this.ref);
 
-    this.props.makeStyles?.(this.makeStyleProps(false));
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps(false));
   }
 
   componentDidUpdate() {
-    this.props.makeStyles?.(this.makeStyleProps(true));
+    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, this.makeStyleProps(true));
   }
 
   componentWillUnmount() {
-    this._resizeListener?.disconnect();
-    this._debounced?.cancel();
+    var _this$_resizeListener, _this$_debounced2;
+
+    (_this$_resizeListener = this._resizeListener) === null || _this$_resizeListener === void 0 ? void 0 : _this$_resizeListener.disconnect();
+    (_this$_debounced2 = this._debounced) === null || _this$_debounced2 === void 0 ? void 0 : _this$_debounced2.cancel();
   }
 
   render() {
-    const _this$props = this.props,
-          style = _this$props.style,
-          label = _this$props.label,
-          role = _this$props.role;
+    var _this$props$styles;
+
+    const _this$props3 = this.props,
+          style = _this$props3.style,
+          label = _this$props3.label,
+          role = _this$props3.role;
     return jsx("div", Object.assign({}, omitProps(this.props, DrawerContent.allowedProps), {
       role: role,
       style: style,
       ref: this.handleContentRef,
       "aria-label": label,
-      css: this.props.styles?.drawerContent
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerContent
     }), this.props.children);
   }
 

package/es/DrawerLayout/DrawerContent/theme.js

@@ -30,7 +30,7 @@
 const generateComponentTheme = theme => {
   const transitions = theme.transitions;
   return {
-    duration: transitions?.duration
+    duration: transitions === null || transitions === void 0 ? void 0 : transitions.duration
   };
 };
 

package/es/DrawerLayout/DrawerTray/index.js

@@ -100,23 +100,27 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   componentDidMount() {
-    this.props.makeStyles?.(this.makeStyleProps());
+    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, this.makeStyleProps());
   }
 
   componentDidUpdate(prevProps) {
+    var _this$props$makeStyle2, _this$props2;
+
     if (this.props.open !== prevProps.open) {
       this.setState({
         transitioning: true
       });
     }
 
-    this.props.makeStyles?.(this.makeStyleProps());
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
 
   get placement() {
-    const _this$props = this.props,
-          placement = _this$props.placement,
-          dir = _this$props.dir;
+    const _this$props3 = this.props,
+          placement = _this$props3.placement,
+          dir = _this$props3.dir;
     const isRtl = dir === textDirectionContextConsumer.DIRECTION.rtl;
     return isRtl ? mirrorHorizontalPlacement(placement, ' ') : placement;
   }
@@ -138,9 +142,9 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   renderContent() {
-    const _this$props2 = this.props,
-          children = _this$props2.children,
-          render = _this$props2.render;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          render = _this$props4.render;
 
     if (typeof render === 'function') {
       return render();
@@ -152,42 +156,44 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
   }
 
   render() {
-    const _this$props3 = this.props,
-          label = _this$props3.label,
-          children = _this$props3.children,
-          render = _this$props3.render,
-          placement = _this$props3.placement,
-          open = _this$props3.open,
-          onOpen = _this$props3.onOpen,
-          onClose = _this$props3.onClose,
-          border = _this$props3.border,
-          shadow = _this$props3.shadow,
-          onEnter = _this$props3.onEnter,
-          onEntering = _this$props3.onEntering,
-          onEntered = _this$props3.onEntered,
-          onExit = _this$props3.onExit,
-          onExiting = _this$props3.onExiting,
-          onExited = _this$props3.onExited,
-          contentRef = _this$props3.contentRef,
-          mountNode = _this$props3.mountNode,
-          defaultFocusElement = _this$props3.defaultFocusElement,
-          liveRegion = _this$props3.liveRegion,
-          onDismiss = _this$props3.onDismiss,
-          onTransition = _this$props3.onTransition,
-          shouldReturnFocus = _this$props3.shouldReturnFocus,
-          shouldCloseOnEscape = _this$props3.shouldCloseOnEscape,
-          shouldCloseOnDocumentClick = _this$props3.shouldCloseOnDocumentClick,
-          shouldContainFocus = _this$props3.shouldContainFocus,
-          styles = _this$props3.styles,
-          props = _objectWithoutProperties(_this$props3, _excluded);
+    const _this$props5 = this.props,
+          label = _this$props5.label,
+          children = _this$props5.children,
+          render = _this$props5.render,
+          placement = _this$props5.placement,
+          open = _this$props5.open,
+          onOpen = _this$props5.onOpen,
+          onClose = _this$props5.onClose,
+          border = _this$props5.border,
+          shadow = _this$props5.shadow,
+          onEnter = _this$props5.onEnter,
+          onEntering = _this$props5.onEntering,
+          onEntered = _this$props5.onEntered,
+          onExit = _this$props5.onExit,
+          onExiting = _this$props5.onExiting,
+          onExited = _this$props5.onExited,
+          contentRef = _this$props5.contentRef,
+          mountNode = _this$props5.mountNode,
+          defaultFocusElement = _this$props5.defaultFocusElement,
+          liveRegion = _this$props5.liveRegion,
+          onDismiss = _this$props5.onDismiss,
+          onTransition = _this$props5.onTransition,
+          shouldReturnFocus = _this$props5.shouldReturnFocus,
+          shouldCloseOnEscape = _this$props5.shouldCloseOnEscape,
+          shouldCloseOnDocumentClick = _this$props5.shouldCloseOnDocumentClick,
+          shouldContainFocus = _this$props5.shouldContainFocus,
+          styles = _this$props5.styles,
+          props = _objectWithoutProperties(_this$props5, _excluded);
 
     return jsx(DrawerLayoutContext.Consumer, null, shouldOverlayTray => {
+      var _this$props$styles;
+
       const portalOpen = this.state.portalOpen;
       const needsPortal = shouldOverlayTray && !!mountNode; // we have to handle the shadow version here,
       // because passing and handling it in styles.js makes it
       // rerender the component during the transition, breaking it
 
-      const trayStyles = shadow && shouldOverlayTray ? styles?.drawerTrayWithShadow : styles?.drawerTray;
+      const trayStyles = shadow && shouldOverlayTray ? styles === null || styles === void 0 ? void 0 : styles.drawerTrayWithShadow : styles === null || styles === void 0 ? void 0 : styles.drawerTray;
       let transitionIn = open;
 
       if (needsPortal && !portalOpen) {
@@ -220,7 +226,7 @@ let DrawerTray = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2
         liveRegion: liveRegion,
         onDismiss: onDismiss,
         as: "div",
-        css: this.props.styles?.drawerTrayContent
+        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerTrayContent
       }, this.renderContent())));
 
       if (needsPortal) {

package/es/DrawerLayout/DrawerTray/theme.js

@@ -33,12 +33,12 @@ const generateComponentTheme = theme => {
         stacking = theme.stacking,
         shadows = theme.shadows;
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    borderWidth: borders?.widthSmall,
-    borderStyle: borders?.style,
-    zIndex: stacking?.topmost,
-    boxShadow: shadows?.depth3
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth3
   };
   return { ...componentVariables
   };

package/es/DrawerLayout/index.js

@@ -114,11 +114,15 @@ let DrawerLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyl
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    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() {
-    this.props.makeStyles?.();
+    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);
   }
 
   get trayProps() {
@@ -233,13 +237,15 @@ let DrawerLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyl
   }
 
   render() {
+    var _this$props$styles;
+
     const props = {
       [DrawerLayout.locatorAttribute]: this._id
     };
     return jsx(DrawerLayoutContext.Provider, {
       value: this.state.shouldOverlayTray
     }, jsx("div", Object.assign({}, props, {
-      css: this.props.styles?.drawerLayout,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerLayout,
       ref: this.handleRef
     }), this.renderChildren()));
   }

package/lib/DrawerLayout/DrawerContent/index.js

@@ -61,6 +61,8 @@ let DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
   }
 
   componentDidMount() {
+    var _this$props$makeStyle, _this$props;
+
     const rect = (0, _getBoundingClientRect.getBoundingClientRect)(this.ref);
     const origSize = {
       width: rect.width
@@ -85,36 +87,44 @@ let DrawerContent = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defa
         };
 
         if (size.width !== origSize.width) {
-          this._debounced?.(size);
+          var _this$_debounced;
+
+          (_this$_debounced = this._debounced) === null || _this$_debounced === void 0 ? void 0 : _this$_debounced.call(this, size);
         }
       }
     });
 
     this._resizeListener.observe(this.ref);
 
-    this.props.makeStyles?.(this.makeStyleProps(false));
+    (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props, this.makeStyleProps(false));
   }
 
   componentDidUpdate() {
-    this.props.makeStyles?.(this.makeStyleProps(true));
+    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, this.makeStyleProps(true));
   }
 
   componentWillUnmount() {
-    this._resizeListener?.disconnect();
-    this._debounced?.cancel();
+    var _this$_resizeListener, _this$_debounced2;
+
+    (_this$_resizeListener = this._resizeListener) === null || _this$_resizeListener === void 0 ? void 0 : _this$_resizeListener.disconnect();
+    (_this$_debounced2 = this._debounced) === null || _this$_debounced2 === void 0 ? void 0 : _this$_debounced2.cancel();
   }
 
   render() {
-    const _this$props = this.props,
-          style = _this$props.style,
-          label = _this$props.label,
-          role = _this$props.role;
+    var _this$props$styles;
+
+    const _this$props3 = this.props,
+          style = _this$props3.style,
+          label = _this$props3.label,
+          role = _this$props3.role;
     return (0, _emotion.jsx)("div", Object.assign({}, (0, _omitProps.omitProps)(this.props, DrawerContent.allowedProps), {
       role: role,
       style: style,
       ref: this.handleContentRef,
       "aria-label": label,
-      css: this.props.styles?.drawerContent
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerContent
     }), this.props.children);
   }
 

package/lib/DrawerLayout/DrawerContent/theme.js

@@ -37,7 +37,7 @@ exports.default = void 0;
 const generateComponentTheme = theme => {
   const transitions = theme.transitions;
   return {
-    duration: transitions?.duration
+    duration: transitions === null || transitions === void 0 ? void 0 : transitions.duration
   };
 };
 

package/lib/DrawerLayout/DrawerTray/index.js

@@ -98,23 +98,27 @@ let DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }
 
   componentDidMount() {
-    this.props.makeStyles?.(this.makeStyleProps());
+    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, this.makeStyleProps());
   }
 
   componentDidUpdate(prevProps) {
+    var _this$props$makeStyle2, _this$props2;
+
     if (this.props.open !== prevProps.open) {
       this.setState({
         transitioning: true
       });
     }
 
-    this.props.makeStyles?.(this.makeStyleProps());
+    (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2, this.makeStyleProps());
   }
 
   get placement() {
-    const _this$props = this.props,
-          placement = _this$props.placement,
-          dir = _this$props.dir;
+    const _this$props3 = this.props,
+          placement = _this$props3.placement,
+          dir = _this$props3.dir;
     const isRtl = dir === _textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION.rtl;
     return isRtl ? (0, _mirrorHorizontalPlacement.mirrorHorizontalPlacement)(placement, ' ') : placement;
   }
@@ -136,9 +140,9 @@ let DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }
 
   renderContent() {
-    const _this$props2 = this.props,
-          children = _this$props2.children,
-          render = _this$props2.render;
+    const _this$props4 = this.props,
+          children = _this$props4.children,
+          render = _this$props4.render;
 
     if (typeof render === 'function') {
       return render();
@@ -150,41 +154,43 @@ let DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
   }
 
   render() {
-    const _this$props3 = this.props,
-          label = _this$props3.label,
-          children = _this$props3.children,
-          render = _this$props3.render,
-          placement = _this$props3.placement,
-          open = _this$props3.open,
-          onOpen = _this$props3.onOpen,
-          onClose = _this$props3.onClose,
-          border = _this$props3.border,
-          shadow = _this$props3.shadow,
-          onEnter = _this$props3.onEnter,
-          onEntering = _this$props3.onEntering,
-          onEntered = _this$props3.onEntered,
-          onExit = _this$props3.onExit,
-          onExiting = _this$props3.onExiting,
-          onExited = _this$props3.onExited,
-          contentRef = _this$props3.contentRef,
-          mountNode = _this$props3.mountNode,
-          defaultFocusElement = _this$props3.defaultFocusElement,
-          liveRegion = _this$props3.liveRegion,
-          onDismiss = _this$props3.onDismiss,
-          onTransition = _this$props3.onTransition,
-          shouldReturnFocus = _this$props3.shouldReturnFocus,
-          shouldCloseOnEscape = _this$props3.shouldCloseOnEscape,
-          shouldCloseOnDocumentClick = _this$props3.shouldCloseOnDocumentClick,
-          shouldContainFocus = _this$props3.shouldContainFocus,
-          styles = _this$props3.styles,
-          props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
+    const _this$props5 = this.props,
+          label = _this$props5.label,
+          children = _this$props5.children,
+          render = _this$props5.render,
+          placement = _this$props5.placement,
+          open = _this$props5.open,
+          onOpen = _this$props5.onOpen,
+          onClose = _this$props5.onClose,
+          border = _this$props5.border,
+          shadow = _this$props5.shadow,
+          onEnter = _this$props5.onEnter,
+          onEntering = _this$props5.onEntering,
+          onEntered = _this$props5.onEntered,
+          onExit = _this$props5.onExit,
+          onExiting = _this$props5.onExiting,
+          onExited = _this$props5.onExited,
+          contentRef = _this$props5.contentRef,
+          mountNode = _this$props5.mountNode,
+          defaultFocusElement = _this$props5.defaultFocusElement,
+          liveRegion = _this$props5.liveRegion,
+          onDismiss = _this$props5.onDismiss,
+          onTransition = _this$props5.onTransition,
+          shouldReturnFocus = _this$props5.shouldReturnFocus,
+          shouldCloseOnEscape = _this$props5.shouldCloseOnEscape,
+          shouldCloseOnDocumentClick = _this$props5.shouldCloseOnDocumentClick,
+          shouldContainFocus = _this$props5.shouldContainFocus,
+          styles = _this$props5.styles,
+          props = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
     return (0, _emotion.jsx)(_index.DrawerLayoutContext.Consumer, null, shouldOverlayTray => {
+      var _this$props$styles;
+
       const portalOpen = this.state.portalOpen;
       const needsPortal = shouldOverlayTray && !!mountNode; // we have to handle the shadow version here,
       // because passing and handling it in styles.js makes it
       // rerender the component during the transition, breaking it
 
-      const trayStyles = shadow && shouldOverlayTray ? styles?.drawerTrayWithShadow : styles?.drawerTray;
+      const trayStyles = shadow && shouldOverlayTray ? styles === null || styles === void 0 ? void 0 : styles.drawerTrayWithShadow : styles === null || styles === void 0 ? void 0 : styles.drawerTray;
       let transitionIn = open;
 
       if (needsPortal && !portalOpen) {
@@ -217,7 +223,7 @@ let DrawerTray = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
         liveRegion: liveRegion,
         onDismiss: onDismiss,
         as: "div",
-        css: this.props.styles?.drawerTrayContent
+        css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerTrayContent
       }, this.renderContent())));
 
       if (needsPortal) {

package/lib/DrawerLayout/DrawerTray/theme.js

@@ -40,12 +40,12 @@ const generateComponentTheme = theme => {
         stacking = theme.stacking,
         shadows = theme.shadows;
   const componentVariables = {
-    background: colors?.backgroundLightest,
-    borderColor: colors?.borderMedium,
-    borderWidth: borders?.widthSmall,
-    borderStyle: borders?.style,
-    zIndex: stacking?.topmost,
-    boxShadow: shadows?.depth3
+    background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
+    borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
+    borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
+    borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
+    zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.topmost,
+    boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth3
   };
   return { ...componentVariables
   };

package/lib/DrawerLayout/index.js

@@ -131,11 +131,15 @@ let DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec
   }
 
   componentDidMount() {
-    this.props.makeStyles?.();
+    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() {
-    this.props.makeStyles?.();
+    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);
   }
 
   get trayProps() {
@@ -253,13 +257,15 @@ let DrawerLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec
   }
 
   render() {
+    var _this$props$styles;
+
     const props = {
       [DrawerLayout.locatorAttribute]: this._id
     };
     return (0, _emotion.jsx)(DrawerLayoutContext.Provider, {
       value: this.state.shouldOverlayTray
     }, (0, _emotion.jsx)("div", Object.assign({}, props, {
-      css: this.props.styles?.drawerLayout,
+      css: (_this$props$styles = this.props.styles) === null || _this$props$styles === void 0 ? void 0 : _this$props$styles.drawerLayout,
       ref: this.handleRef
     }), this.renderChildren()));
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drawer-layout",
-  "version": "8.17.1-snapshot.82+96244a097",
+  "version": "8.18.1-snapshot.1+669aa5892",
   "description": "A main-content-plus-tray layout component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,29 +24,29 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.17.1-snapshot.82+96244a097",
-    "@instructure/debounce": "8.17.1-snapshot.82+96244a097",
-    "@instructure/emotion": "8.17.1-snapshot.82+96244a097",
-    "@instructure/shared-types": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-dialog": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-dom-utils": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-i18n": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-motion": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-portal": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-position": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-prop-types": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-react-utils": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-test-utils": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-testable": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-utils": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-view": "8.17.1-snapshot.82+96244a097",
-    "@instructure/uid": "8.17.1-snapshot.82+96244a097",
+    "@instructure/console": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/debounce": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/emotion": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/shared-types": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-dialog": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-dom-utils": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-i18n": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-motion": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-portal": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-position": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-prop-types": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-react-utils": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-test-utils": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-testable": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-utils": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-view": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/uid": "8.18.1-snapshot.1+669aa5892",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-test-locator": "8.17.1-snapshot.82+96244a097",
-    "@instructure/ui-themes": "8.17.1-snapshot.82+96244a097"
+    "@instructure/ui-babel-preset": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-test-locator": "8.18.1-snapshot.1+669aa5892",
+    "@instructure/ui-themes": "8.18.1-snapshot.1+669aa5892"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -55,5 +55,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "96244a097dffef5f10bbe7979c580581c787083e"
+  "gitHead": "669aa58926b123028bcb9e39427d36910b78b0d1"
 }