@instructure/ui-a11y-utils 8.12.0 → 8.12.1-snapshot.15

package/LICENSE.md

@@ -0,0 +1,27 @@
+---
+title: The MIT License (MIT)
+category: Getting Started
+order: 9
+---
+
+# The MIT License (MIT)
+
+Copyright (c) 2015 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.

package/es/FocusRegion.js

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 import keycode from 'keycode';
-import { contains, addEventListener, getFrameDocumentSafe, ownerDocument, findTabbable } from '@instructure/ui-dom-utils';
+import { contains, addEventListener, ownerDocument, findTabbable } from '@instructure/ui-dom-utils';
 import { uid } from '@instructure/uid';
 import { logError as error } from '@instructure/console';
 import { ScreenReaderFocusRegion } from './ScreenReaderFocusRegion';
@@ -32,11 +32,17 @@ class FocusRegion {
   constructor(element, options) {
     this._contextElement = null;
     this._preventCloseOnDocumentClick = false;
+    this._options = void 0;
+    this._screenReaderFocusRegion = void 0;
+    this._keyboardFocusRegion = void 0;
+    this._id = void 0;
     this._listeners = [];
     this._active = false;
 
     this.handleDismiss = (event, documentClick) => {
-      this._options.onDismiss(event, documentClick);
+      var _this$_options$onDism, _this$_options;
+
+      (_this$_options$onDism = (_this$_options = this._options).onDismiss) === null || _this$_options$onDism === void 0 ? void 0 : _this$_options$onDism.call(_this$_options, event, documentClick);
     };
 
     this.captureDocumentClick = event => {
@@ -58,15 +64,14 @@ class FocusRegion {
     };
 
     this.handleKeyUp = event => {
-      if (this._options.shouldCloseOnEscape && event.keyCode === keycode.codes.escape && !event.defaultPrevented) {
+      if (this._options.shouldCloseOnEscape && event.keyCode === keycode.codes.esc && !event.defaultPrevented) {
         this.handleDismiss(event);
       }
     };
 
     this._options = options || {
       shouldCloseOnDocumentClick: true,
-      shouldCloseOnEscape: true,
-      onDismiss: event => {}
+      shouldCloseOnEscape: true
     };
     this._contextElement = element;
     this._screenReaderFocusRegion = new ScreenReaderFocusRegion(element, options);
@@ -115,7 +120,7 @@ class FocusRegion {
 
         Array.from(doc.getElementsByTagName('iframe')).forEach(el => {
           // listen for mouseup events on any iframes in the document
-          const frameDoc = getFrameDocumentSafe(el);
+          const frameDoc = el.contentDocument;
 
           if (frameDoc) {
             this._listeners.push(addEventListener(frameDoc, 'mouseup', event => {
@@ -173,10 +178,12 @@ export {
  * ---
  * category: utilities/a11y
  * ---
- * @module FocusRegion
- * Class for focus operations.
+ *
+ * Class for focus operations, manages [ScreenReaderFocusRegion](#ScreenReaderFocusRegion)
+ * and [KeyboardFocusRegion](#KeyboardFocusRegion) for the given DOM element.
  * - Scoping focus within a given context (DOM node),
  * - Mark active element for focus later
  * - Return focus to the marked element
+ * @module FocusRegion
  */
 FocusRegion };

package/es/FocusRegionManager.js

@@ -42,6 +42,8 @@ FocusRegionManager.focusRegion = (element, idOrOptions = {}) => {
   } else {
     error(false, `[FocusRegionManager] Could not focus region with element: ${element}`);
   }
+
+  return;
 };
 
 FocusRegionManager.activateRegion = (element, options) => {
@@ -84,9 +86,10 @@ FocusRegionManager.addEntry = (element, options = {}) => {
       // If the active region is triggering a new focus region that does not have
       // keyboard focusable content, don't deactivate the active region's keyboard
       // focus region
-      region.deactivate(region.focused && !keyboardFocusable && {
+      const keyboard = region.focused && !keyboardFocusable ? {
         keyboard: false
-      });
+      } : void 0;
+      region.deactivate(keyboard);
     }
   });
   region.activate();
@@ -168,10 +171,11 @@ export {
  * ---
  * category: utilities/a11y
  * ---
- * @module FocusManager
- * Class for focus operations.
+ *
+ * Class for focus operations, manages multiple [FocusRegion](#FocusRegion)s.
  * - Scoping focus within a given context,
  * - Mark active element for focus later
  * - Return focus to the marked element
+ * @module FocusManager
  */
 FocusRegionManager };

package/es/FocusRegionOptions.js

@@ -0,0 +1 @@
+export {};

package/es/KeyboardFocusRegion.js

@@ -28,16 +28,14 @@ import { scopeTab } from './scopeTab';
 
 class KeyboardFocusRegion {
   constructor(element, options) {
-    this._contextElement = null;
+    this._options = void 0;
     this._focusLaterElement = null;
     this._needToFocus = false;
     this._listeners = [];
     this._raf = [];
     this._active = false;
-
-    this.handleDismiss = event => {
-      this._options.onDismiss(event);
-    };
+    this._wasDocumentClick = void 0;
+    this._contextElement = void 0;
 
     this.handleKeyDown = event => {
       if (event.keyCode === keycode.codes.tab) {
@@ -45,11 +43,11 @@ class KeyboardFocusRegion {
       }
     };
 
-    this.handleClick = event => {
+    this.handleClick = () => {
       this._wasDocumentClick = true;
     };
 
-    this.handleWindowBlur = event => {
+    this.handleWindowBlur = () => {
       if (this._wasDocumentClick) {
         this._wasDocumentClick = false;
         return;
@@ -58,7 +56,7 @@ class KeyboardFocusRegion {
       this._needToFocus = true;
     };
 
-    this.handleFocus = event => {
+    this.handleFocus = () => {
       if (this._needToFocus) {
         this._needToFocus = false;
 
@@ -83,13 +81,17 @@ class KeyboardFocusRegion {
 
     this.handleFirstTabbableKeyDown = event => {
       if (event.keyCode === keycode.codes.tab && event.shiftKey) {
-        this._options.onBlur(event);
+        var _this$_options$onBlur, _this$_options;
+
+        (_this$_options$onBlur = (_this$_options = this._options).onBlur) === null || _this$_options$onBlur === void 0 ? void 0 : _this$_options$onBlur.call(_this$_options, event);
       }
     };
 
     this.handleLastTabbableKeyDown = event => {
       if (event.keyCode === keycode.codes.tab && !event.shiftKey) {
-        this._options.onBlur(event);
+        var _this$_options$onBlur2, _this$_options2;
+
+        (_this$_options$onBlur2 = (_this$_options2 = this._options).onBlur) === null || _this$_options$onBlur2 === void 0 ? void 0 : _this$_options$onBlur2.call(_this$_options2, event);
       }
     };
 
@@ -97,13 +99,11 @@ class KeyboardFocusRegion {
     this._options = options || {
       shouldContainFocus: true,
       shouldReturnFocus: true,
-      onBlur: event => {},
-      onDismiss: event => {},
       defaultFocusElement: null
     };
 
     if (this._options.shouldReturnFocus) {
-      this._focusLaterElement = this.activeElement;
+      this._focusLaterElement = getActiveElement(this.doc);
     }
   }
 
@@ -113,7 +113,7 @@ class KeyboardFocusRegion {
 
   get shouldContainFocus() {
     const shouldContainFocus = this._options.shouldContainFocus;
-    return shouldContainFocus === true || Array.isArray(shouldContainFocus) && shouldContainFocus.includes['keyboard'];
+    return shouldContainFocus === true || Array.isArray(shouldContainFocus) && shouldContainFocus.includes('keyboard');
   }
 
   get focusable() {
@@ -148,10 +148,6 @@ class KeyboardFocusRegion {
     return ownerWindow(this._contextElement);
   }
 
-  get activeElement() {
-    return getActiveElement(this.doc);
-  }
-
   get defaultFocusElement() {
     const defaultFocusElement = this._options.defaultFocusElement;
     const element = findDOMNode(typeof defaultFocusElement === 'function' ? defaultFocusElement() : defaultFocusElement);
@@ -160,10 +156,8 @@ class KeyboardFocusRegion {
       return element;
     }
 
-    const firstTabbable = this.firstTabbable;
-
-    if (firstTabbable) {
-      return firstTabbable;
+    if (this.firstTabbable) {
+      return this.firstTabbable;
     }
 
     if (this._contextElement && this.focusable.includes(this._contextElement)) {
@@ -178,20 +172,17 @@ class KeyboardFocusRegion {
   }
 
   focusDefaultElement() {
-    const defaultFocusElement = this.defaultFocusElement,
-          shouldContainFocus = this.shouldContainFocus,
-          activeElement = this.activeElement;
-
-    if (defaultFocusElement) {
-      defaultFocusElement.focus();
+    if (this.defaultFocusElement) {
+      ;
+      this.defaultFocusElement.focus();
     } else {
-      if (shouldContainFocus) {
+      if (this.shouldContainFocus) {
         // Blur the active element to place focus on the document body
-        activeElement && activeElement.blur();
+        getActiveElement(this.doc) && getActiveElement(this.doc).blur();
         error(true, `
-          [KeyboardFocusRegion] No \`defaultFocusElement\` was provided and \`shouldContainFocus\`
-          was set to \`true\`. Focus has been moved to the document body instead.
-          `);
+          [KeyboardFocusRegion] No \`defaultFocusElement\` was provided and
+          \`shouldContainFocus\` was set to \`true\` or \`keyboard\`. Focus has
+          been moved to the document body instead.`);
       }
     }
   }
@@ -209,6 +200,8 @@ class KeyboardFocusRegion {
   blur() {
     if (this._options.shouldReturnFocus && this._focusLaterElement) {
       try {
+        ;
+
         this._focusLaterElement.focus();
       } catch (e) {
         error(false, `
@@ -257,7 +250,6 @@ class KeyboardFocusRegion {
       this._raf.forEach(request => request.cancel());
 
       this._raf = [];
-      this._preventCloseOnDocumentClick = false;
       this._active = false;
     }
   }
@@ -270,10 +262,11 @@ export {
  * ---
  * category: utilities/a11y
  * ---
- * @module KeyboardFocusRegion
+ *
  * Class for focus operations.
  * - Scoping focus within a given context (DOM node),
  * - Mark active element for focus later
  * - Return focus to the marked element
+ * @module KeyboardFocusRegion
  */
 KeyboardFocusRegion };

package/es/ScreenReaderFocusRegion.js

@@ -28,10 +28,13 @@ class ScreenReaderFocusRegion {
     shouldContainFocus: true,
     liveRegion: []
   }) {
+    this._parents = [];
+    this._nodes = [];
+    this._liveRegion = void 0;
+    this._contextElement = void 0;
+    this._options = void 0;
     this._observer = null;
     this._attributes = [];
-    this._nodes = [];
-    this._parents = [];
 
     this.handleDOMMutation = records => {
       records.forEach(record => {
@@ -159,8 +162,8 @@ class ScreenReaderFocusRegion {
     this._observer = new MutationObserver(this.handleDOMMutation);
     let node = this._contextElement;
 
-    while (node && node.nodeType === 1 && node.tagName.toLowerCase() !== 'body') {
-      const parent = node.parentElement; // can be null
+    while (node && node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() !== 'body') {
+      const parent = node.parentElement;
 
       if (parent) {
         this._parents.push(parent);
@@ -202,9 +205,10 @@ export {
  * ---
  * category: utilities/a11y
  * ---
- * @module ScreenReaderFocusRegion
+ *
  * Utility that hides all DOM elements outside of a specified node. Used,
  * for example, in overlay components where we want to restrict the screen
- * readers to the overlay content
+ * readers to the overlay content.
+ * @module ScreenReaderFocusRegion
  */
 ScreenReaderFocusRegion };

package/lib/FocusRegion.js

@@ -13,8 +13,6 @@ var _contains = require("@instructure/ui-dom-utils/lib/contains.js");
 
 var _addEventListener = require("@instructure/ui-dom-utils/lib/addEventListener.js");
 
-var _getFrameDocumentSafe = require("@instructure/ui-dom-utils/lib/getFrameDocumentSafe.js");
-
 var _ownerDocument = require("@instructure/ui-dom-utils/lib/ownerDocument.js");
 
 var _findTabbable = require("@instructure/ui-dom-utils/lib/findTabbable.js");
@@ -54,11 +52,17 @@ class FocusRegion {
   constructor(element, options) {
     this._contextElement = null;
     this._preventCloseOnDocumentClick = false;
+    this._options = void 0;
+    this._screenReaderFocusRegion = void 0;
+    this._keyboardFocusRegion = void 0;
+    this._id = void 0;
     this._listeners = [];
     this._active = false;
 
     this.handleDismiss = (event, documentClick) => {
-      this._options.onDismiss(event, documentClick);
+      var _this$_options$onDism, _this$_options;
+
+      (_this$_options$onDism = (_this$_options = this._options).onDismiss) === null || _this$_options$onDism === void 0 ? void 0 : _this$_options$onDism.call(_this$_options, event, documentClick);
     };
 
     this.captureDocumentClick = event => {
@@ -80,15 +84,14 @@ class FocusRegion {
     };
 
     this.handleKeyUp = event => {
-      if (this._options.shouldCloseOnEscape && event.keyCode === _keycode.default.codes.escape && !event.defaultPrevented) {
+      if (this._options.shouldCloseOnEscape && event.keyCode === _keycode.default.codes.esc && !event.defaultPrevented) {
         this.handleDismiss(event);
       }
     };
 
     this._options = options || {
       shouldCloseOnDocumentClick: true,
-      shouldCloseOnEscape: true,
-      onDismiss: event => {}
+      shouldCloseOnEscape: true
     };
     this._contextElement = element;
     this._screenReaderFocusRegion = new _ScreenReaderFocusRegion.ScreenReaderFocusRegion(element, options);
@@ -137,7 +140,7 @@ class FocusRegion {
 
         Array.from(doc.getElementsByTagName('iframe')).forEach(el => {
           // listen for mouseup events on any iframes in the document
-          const frameDoc = (0, _getFrameDocumentSafe.getFrameDocumentSafe)(el);
+          const frameDoc = el.contentDocument;
 
           if (frameDoc) {
             this._listeners.push((0, _addEventListener.addEventListener)(frameDoc, 'mouseup', event => {

package/lib/FocusRegionManager.js

@@ -53,6 +53,8 @@ FocusRegionManager.focusRegion = (element, idOrOptions = {}) => {
   } else {
     (0, _console.logError)(false, `[FocusRegionManager] Could not focus region with element: ${element}`);
   }
+
+  return;
 };
 
 FocusRegionManager.activateRegion = (element, options) => {
@@ -95,9 +97,10 @@ FocusRegionManager.addEntry = (element, options = {}) => {
       // If the active region is triggering a new focus region that does not have
       // keyboard focusable content, don't deactivate the active region's keyboard
       // focus region
-      region.deactivate(region.focused && !keyboardFocusable && {
+      const keyboard = region.focused && !keyboardFocusable ? {
         keyboard: false
-      });
+      } : void 0;
+      region.deactivate(keyboard);
     }
   });
   region.activate();

package/lib/FocusRegionOptions.js

@@ -0,0 +1 @@
+"use strict";

package/lib/KeyboardFocusRegion.js

@@ -56,16 +56,14 @@ var _scopeTab = require("./scopeTab");
  */
 class KeyboardFocusRegion {
   constructor(element, options) {
-    this._contextElement = null;
+    this._options = void 0;
     this._focusLaterElement = null;
     this._needToFocus = false;
     this._listeners = [];
     this._raf = [];
     this._active = false;
-
-    this.handleDismiss = event => {
-      this._options.onDismiss(event);
-    };
+    this._wasDocumentClick = void 0;
+    this._contextElement = void 0;
 
     this.handleKeyDown = event => {
       if (event.keyCode === _keycode.default.codes.tab) {
@@ -73,11 +71,11 @@ class KeyboardFocusRegion {
       }
     };
 
-    this.handleClick = event => {
+    this.handleClick = () => {
       this._wasDocumentClick = true;
     };
 
-    this.handleWindowBlur = event => {
+    this.handleWindowBlur = () => {
       if (this._wasDocumentClick) {
         this._wasDocumentClick = false;
         return;
@@ -86,7 +84,7 @@ class KeyboardFocusRegion {
       this._needToFocus = true;
     };
 
-    this.handleFocus = event => {
+    this.handleFocus = () => {
       if (this._needToFocus) {
         this._needToFocus = false;
 
@@ -111,13 +109,17 @@ class KeyboardFocusRegion {
 
     this.handleFirstTabbableKeyDown = event => {
       if (event.keyCode === _keycode.default.codes.tab && event.shiftKey) {
-        this._options.onBlur(event);
+        var _this$_options$onBlur, _this$_options;
+
+        (_this$_options$onBlur = (_this$_options = this._options).onBlur) === null || _this$_options$onBlur === void 0 ? void 0 : _this$_options$onBlur.call(_this$_options, event);
       }
     };
 
     this.handleLastTabbableKeyDown = event => {
       if (event.keyCode === _keycode.default.codes.tab && !event.shiftKey) {
-        this._options.onBlur(event);
+        var _this$_options$onBlur2, _this$_options2;
+
+        (_this$_options$onBlur2 = (_this$_options2 = this._options).onBlur) === null || _this$_options$onBlur2 === void 0 ? void 0 : _this$_options$onBlur2.call(_this$_options2, event);
       }
     };
 
@@ -125,13 +127,11 @@ class KeyboardFocusRegion {
     this._options = options || {
       shouldContainFocus: true,
       shouldReturnFocus: true,
-      onBlur: event => {},
-      onDismiss: event => {},
       defaultFocusElement: null
     };
 
     if (this._options.shouldReturnFocus) {
-      this._focusLaterElement = this.activeElement;
+      this._focusLaterElement = (0, _getActiveElement.getActiveElement)(this.doc);
     }
   }
 
@@ -141,7 +141,7 @@ class KeyboardFocusRegion {
 
   get shouldContainFocus() {
     const shouldContainFocus = this._options.shouldContainFocus;
-    return shouldContainFocus === true || Array.isArray(shouldContainFocus) && shouldContainFocus.includes['keyboard'];
+    return shouldContainFocus === true || Array.isArray(shouldContainFocus) && shouldContainFocus.includes('keyboard');
   }
 
   get focusable() {
@@ -176,10 +176,6 @@ class KeyboardFocusRegion {
     return (0, _ownerWindow.ownerWindow)(this._contextElement);
   }
 
-  get activeElement() {
-    return (0, _getActiveElement.getActiveElement)(this.doc);
-  }
-
   get defaultFocusElement() {
     const defaultFocusElement = this._options.defaultFocusElement;
     const element = (0, _findDOMNode.findDOMNode)(typeof defaultFocusElement === 'function' ? defaultFocusElement() : defaultFocusElement);
@@ -188,10 +184,8 @@ class KeyboardFocusRegion {
       return element;
     }
 
-    const firstTabbable = this.firstTabbable;
-
-    if (firstTabbable) {
-      return firstTabbable;
+    if (this.firstTabbable) {
+      return this.firstTabbable;
     }
 
     if (this._contextElement && this.focusable.includes(this._contextElement)) {
@@ -206,20 +200,17 @@ class KeyboardFocusRegion {
   }
 
   focusDefaultElement() {
-    const defaultFocusElement = this.defaultFocusElement,
-          shouldContainFocus = this.shouldContainFocus,
-          activeElement = this.activeElement;
-
-    if (defaultFocusElement) {
-      defaultFocusElement.focus();
+    if (this.defaultFocusElement) {
+      ;
+      this.defaultFocusElement.focus();
     } else {
-      if (shouldContainFocus) {
+      if (this.shouldContainFocus) {
         // Blur the active element to place focus on the document body
-        activeElement && activeElement.blur();
+        (0, _getActiveElement.getActiveElement)(this.doc) && (0, _getActiveElement.getActiveElement)(this.doc).blur();
         (0, _console.logError)(true, `
-          [KeyboardFocusRegion] No \`defaultFocusElement\` was provided and \`shouldContainFocus\`
-          was set to \`true\`. Focus has been moved to the document body instead.
-          `);
+          [KeyboardFocusRegion] No \`defaultFocusElement\` was provided and
+          \`shouldContainFocus\` was set to \`true\` or \`keyboard\`. Focus has
+          been moved to the document body instead.`);
       }
     }
   }
@@ -237,6 +228,8 @@ class KeyboardFocusRegion {
   blur() {
     if (this._options.shouldReturnFocus && this._focusLaterElement) {
       try {
+        ;
+
         this._focusLaterElement.focus();
       } catch (e) {
         (0, _console.logError)(false, `
@@ -285,7 +278,6 @@ class KeyboardFocusRegion {
       this._raf.forEach(request => request.cancel());
 
       this._raf = [];
-      this._preventCloseOnDocumentClick = false;
       this._active = false;
     }
   }

package/lib/ScreenReaderFocusRegion.js

@@ -35,10 +35,13 @@ class ScreenReaderFocusRegion {
     shouldContainFocus: true,
     liveRegion: []
   }) {
+    this._parents = [];
+    this._nodes = [];
+    this._liveRegion = void 0;
+    this._contextElement = void 0;
+    this._options = void 0;
     this._observer = null;
     this._attributes = [];
-    this._nodes = [];
-    this._parents = [];
 
     this.handleDOMMutation = records => {
       records.forEach(record => {
@@ -166,8 +169,8 @@ class ScreenReaderFocusRegion {
     this._observer = new MutationObserver(this.handleDOMMutation);
     let node = this._contextElement;
 
-    while (node && node.nodeType === 1 && node.tagName.toLowerCase() !== 'body') {
-      const parent = node.parentElement; // can be null
+    while (node && node.nodeType === Node.ELEMENT_NODE && node.tagName.toLowerCase() !== 'body') {
+      const parent = node.parentElement;
 
       if (parent) {
         this._parents.push(parent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-a11y-utils",
-  "version": "8.12.0",
+  "version": "8.12.1-snapshot.15+c50fd66e4",
   "description": "A collection of utilities for managing focus and screen reader behavior",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,19 +24,19 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.12.0",
-    "@instructure/ui-a11y-content": "8.12.0",
-    "@instructure/ui-dom-utils": "8.12.0",
-    "@instructure/ui-react-utils": "8.12.0",
-    "@instructure/ui-testable": "8.12.0",
-    "@instructure/uid": "8.12.0",
+    "@instructure/console": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-a11y-content": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-dom-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-react-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-testable": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/uid": "8.12.1-snapshot.15+c50fd66e4",
     "keycode": "^2",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.12.0",
-    "@instructure/ui-color-utils": "8.12.0",
-    "@instructure/ui-test-utils": "8.12.0"
+    "@instructure/ui-babel-preset": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-color-utils": "8.12.1-snapshot.15+c50fd66e4",
+    "@instructure/ui-test-utils": "8.12.1-snapshot.15+c50fd66e4"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -44,5 +44,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "gitHead": "c50fd66e4ba9e5d4b814659f8ee4e1cc2f929cc2"
 }