@instructure/ui-pagination 8.14.1-snapshot.19 → 8.14.1-snapshot.28

package/es/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js

@@ -22,11 +22,13 @@
  * SOFTWARE.
  */
 import { locator } from '@instructure/ui-test-locator';
-import { find } from '@instructure/ui-test-queries'; // eslint-disable-next-line no-restricted-imports
+import { find } from '@instructure/ui-test-queries'; // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
+// eslint-disable-next-line no-restricted-imports
 
 import { TooltipLocator } from '@instructure/ui-tooltip/es/Tooltip/TooltipLocator';
 import { PaginationArrowButton } from './index';
-export const PaginationArrowButtonLocator = locator(PaginationArrowButton.selector, {
+export const PaginationArrowButtonLocator = locator( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+PaginationArrowButton.selector, {
   findTooltipContent: function () {
     return TooltipLocator.findContent(...arguments);
   },

package/es/Pagination/PaginationArrowButton/index.js

@@ -38,6 +38,7 @@ import { allowedProps, propTypes } from './props';
 parent: Pagination
 id: Pagination.Navigation
 ---
+@tsProps
 **/
 
 let PaginationArrowButton = (_dec = testable(), _dec(_class = (_temp = _class2 = class PaginationArrowButton extends Component {
@@ -105,8 +106,6 @@ let PaginationArrowButton = (_dec = testable(), _dec(_class = (_temp = _class2 =
     }), this.Icon));
   }
 
-}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {
-  buttonRef: el => {}
-}, _temp)) || _class);
+}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {}, _temp)) || _class);
 export default PaginationArrowButton;
 export { PaginationArrowButton };

package/es/Pagination/PaginationArrowButton/props.js

@@ -24,7 +24,7 @@
 import PropTypes from 'prop-types';
 const propTypes = {
   direction: PropTypes.oneOf(['first', 'prev', 'next', 'last']),
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
+  label: PropTypes.string.isRequired,
   buttonRef: PropTypes.func,
   onClick: PropTypes.func
 };

package/es/Pagination/PaginationButton/index.js

@@ -50,8 +50,8 @@ let PaginationButton = (_dec = testable(), _dec(_class = (_temp = _class2 = clas
     const props = omitProps(this.props, PaginationButton.allowedProps, exclude);
     return /*#__PURE__*/React.createElement(BaseButton, Object.assign({
       color: "primary",
-      withBackground: this.props.current ? true : false,
-      withBorder: this.props.current ? true : false
+      withBackground: this.props.current,
+      withBorder: this.props.current
     }, props, {
       "aria-current": this.props.current ? 'page' : void 0,
       elementRef: this.handleRef

package/es/Pagination/PaginationButton/props.js

@@ -23,19 +23,8 @@
  */
 import PropTypes from 'prop-types';
 const propTypes = {
-  /**
-   * Content to render as page selection
-   */
   children: PropTypes.node.isRequired,
-
-  /**
-   * Whether the page is currently displayed
-   */
   current: PropTypes.bool,
-
-  /**
-   * Whether the page is currently displayed
-   */
   onClick: PropTypes.func
 };
 const allowedProps = ['children', 'current' // we don't want to pass onClick

package/es/Pagination/PaginationLocator.js

@@ -24,8 +24,10 @@
 import { locator } from '@instructure/ui-test-locator';
 import { PaginationPageInputLocator } from './PaginationPageInput/PaginationPageInputLocator';
 import { PaginationArrowButtonLocator } from './PaginationArrowButton/PaginationArrowButtonLocator';
-import { Pagination } from './index';
-const PaginationButtonLocator = locator(Pagination.Page.selector);
+import { Pagination } from './index'; // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
+const PaginationButtonLocator = locator(Pagination.Page.selector); // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 export const PaginationLocator = locator(Pagination.selector, {
   findAllPageButtons: async function () {
     return PaginationButtonLocator.findAll(...arguments);

package/es/Pagination/PaginationPageInput/PaginationPageInputLocator.js

@@ -21,11 +21,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-import { locator } from '@instructure/ui-test-locator';
+import { locator } from '@instructure/ui-test-locator'; // @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
+
 import { NumberInputLocator } from '@instructure/ui-number-input/es/NumberInput/NumberInputLocator'; // eslint-disable-line no-restricted-imports
 
 import { PaginationPageInput } from './index';
-export const PaginationPageInputLocator = locator(PaginationPageInput.selector, {
+export const PaginationPageInputLocator = locator( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+PaginationPageInput.selector, {
   findInput: function () {
     return NumberInputLocator.findInput(...arguments);
   },

package/es/Pagination/PaginationPageInput/index.js

@@ -45,15 +45,12 @@ let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentThem
   constructor(props) {
     super(props);
     this.ref = null;
-    this._inputRef = null;
 
     this.handleRef = el => {
       this.ref = el;
     };
 
     this.handleInputRef = el => {
-      this._inputRef = el;
-
       if (typeof this.props.inputRef === 'function') {
         this.props.inputRef(el);
       }

package/es/Pagination/index.js

@@ -60,30 +60,30 @@ function propsHaveCompactView(props) {
 ---
 category: components
 ---
+@tsProps
 **/
 let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class Pagination extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
     this._labelId = void 0;
-    this.ref = null;
-    this._inputRef = null;
     this._firstButton = null;
     this._prevButton = null;
     this._nextButton = null;
     this._lastButton = null;
+    this.ref = null;
 
     this.handleElementRef = el => {
       this.ref = el;
 
-      if (el) {
-        if (typeof this.props.elementRef === 'function') {
-          this.props.elementRef(el);
-        }
+      if (el && typeof this.props.elementRef === 'function') {
+        this.props.elementRef(el);
       }
     };
 
     this.handleInputRef = el => {
-      this._inputRef = el;
+      if (typeof this.props.inputRef === 'function') {
+        this.props.inputRef(el);
+      }
     };
 
     this._labelId = uid('Pagination');
@@ -314,7 +314,7 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
     var _this$props$styles, _this$props$styles2;
 
     if (!this.props.children) return null;
-    const currentPageIndex = fastFindIndex(this.props.children, p => p && p.props && p.props.current);
+    const currentPageIndex = fastFindIndex(this.childPages, p => p && p.props && p.props.current);
     const passthroughProps = View.omitViewProps(omitProps(this.props, Pagination.allowedProps), Pagination);
     return jsx(View, Object.assign({}, passthroughProps, {
       role: "navigation",
@@ -330,13 +330,11 @@ let Pagination = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _de
   }
 
 }, _class2.displayName = "Pagination", _class2.componentId = 'Pagination', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  children: null,
   disabled: false,
   withFirstAndLastButton: false,
   showDisabledButtons: false,
   variant: 'full',
   as: 'div',
-  elementRef: el => {},
   labelNumberInput: numberOfPages => `of ${numberOfPages}`,
   screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
   shouldHandleFocus: true

package/es/Pagination/props.js

@@ -26,91 +26,23 @@ import { Children } from '@instructure/ui-prop-types';
 import { ThemeablePropTypes } from '@instructure/emotion';
 import { PaginationButton } from './PaginationButton';
 const propTypes = {
-  /**
-   * children of type Pagination.Page
-   */
   children: Children.oneOf([PaginationButton]),
-
-  /**
-   * Disables interaction with all pages
-   */
   disabled: PropTypes.bool,
-
-  /**
-   * Displays "jump to first" and "jump to last" buttons. Always turned on with `input` variant.
-   */
   withFirstAndLastButton: PropTypes.bool,
-
-  /**
-   * Displays the unavailable navigation buttons as disabled instead of hiding them.  Always turned on with `input` variant.
-   */
   showDisabledButtons: PropTypes.bool,
-
-  /**
-   * Visible label for component
-   */
   label: PropTypes.node,
-
-  /**
-   * Accessible label for next button
-   */
   labelNext: PropTypes.string,
-
-  /**
-   * Accessible label for previous button
-   */
   labelPrev: PropTypes.string,
-
-  /**
-   * Accessible label for "jump to first" button
-   */
   labelFirst: PropTypes.string,
-
-  /**
-   * Accessible label for "jump to last" button
-   */
   labelLast: PropTypes.string,
-
-  /**
-   * Label for number input (for `input` variant)
-   */
   labelNumberInput: PropTypes.func,
-
-  /**
-   * ScreenReaderLabel for number input (for `input` variant)
-   */
   screenReaderLabelNumberInput: PropTypes.func,
-
-  /**
-   * The compact variant truncates the page navigation to show only the first,
-   * last, and pages immediately surrounding the current page. Fewer than 5 pages,
-   * no next/previous arrow buttons will be shown, and all pages will be listed
-   */
   variant: PropTypes.oneOf(['full', 'compact', 'input']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: ThemeablePropTypes.spacing,
-
-  /**
-   * the element type to render as
-   */
   as: PropTypes.elementType,
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: PropTypes.func,
-
-  /**
-   * For accessibility, Pagination sets focus on the first or last Pagination.Pages,
-   * respectively, when the Previous or Next arrow buttons are removed from the DOM.
-   * Set this property to `false` to prevent this behavior.
-   */
+  inputRef: PropTypes.func,
   shouldHandleFocus: PropTypes.bool
 };
-const allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'shouldHandleFocus'];
+const allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'inputRef', 'shouldHandleFocus'];
 export { propTypes, allowedProps };

package/lib/Pagination/PaginationArrowButton/PaginationArrowButtonLocator.js

@@ -36,8 +36,10 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-next-line no-restricted-imports
-const PaginationArrowButtonLocator = (0, _locator.locator)(_index.PaginationArrowButton.selector, {
+const PaginationArrowButtonLocator = (0, _locator.locator)( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+_index.PaginationArrowButton.selector, {
   findTooltipContent: function () {
     return _TooltipLocator.TooltipLocator.findContent(...arguments);
   },

package/lib/Pagination/PaginationArrowButton/index.js

@@ -40,6 +40,7 @@ var _dec, _class, _class2, _temp;
 parent: Pagination
 id: Pagination.Navigation
 ---
+@tsProps
 **/
 let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _class2 = class PaginationArrowButton extends _react.Component {
   constructor() {
@@ -105,9 +106,7 @@ let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_t
     }), this.Icon));
   }
 
-}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {
-  buttonRef: el => {}
-}, _temp)) || _class);
+}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {}, _temp)) || _class);
 exports.PaginationArrowButton = PaginationArrowButton;
 var _default = PaginationArrowButton;
 exports.default = _default;

package/lib/Pagination/PaginationArrowButton/props.js

@@ -34,7 +34,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  */
 const propTypes = {
   direction: _propTypes.default.oneOf(['first', 'prev', 'next', 'last']),
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
+  label: _propTypes.default.string.isRequired,
   buttonRef: _propTypes.default.func,
   onClick: _propTypes.default.func
 };

package/lib/Pagination/PaginationButton/index.js

@@ -40,8 +40,8 @@ let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_temp =
     const props = (0, _omitProps.omitProps)(this.props, PaginationButton.allowedProps, exclude);
     return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({
       color: "primary",
-      withBackground: this.props.current ? true : false,
-      withBorder: this.props.current ? true : false
+      withBackground: this.props.current,
+      withBorder: this.props.current
     }, props, {
       "aria-current": this.props.current ? 'page' : void 0,
       elementRef: this.handleRef

package/lib/Pagination/PaginationButton/props.js

@@ -33,19 +33,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * Content to render as page selection
-   */
   children: _propTypes.default.node.isRequired,
-
-  /**
-   * Whether the page is currently displayed
-   */
   current: _propTypes.default.bool,
-
-  /**
-   * Whether the page is currently displayed
-   */
   onClick: _propTypes.default.func
 };
 exports.propTypes = propTypes;

package/lib/Pagination/PaginationLocator.js

@@ -36,7 +36,9 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-const PaginationButtonLocator = (0, _locator.locator)(_index.Pagination.Page.selector);
+// @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+const PaginationButtonLocator = (0, _locator.locator)(_index.Pagination.Page.selector); // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+
 const PaginationLocator = (0, _locator.locator)(_index.Pagination.selector, {
   findAllPageButtons: async function () {
     return PaginationButtonLocator.findAll(...arguments);

package/lib/Pagination/PaginationPageInput/PaginationPageInputLocator.js

@@ -34,8 +34,10 @@ var _index = require("./index");
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+// @ts-expect-error ts-migrate(7016) FIXME: Could not find a declaration file for module '@ins... Remove this comment to see the full error message
 // eslint-disable-line no-restricted-imports
-const PaginationPageInputLocator = (0, _locator.locator)(_index.PaginationPageInput.selector, {
+const PaginationPageInputLocator = (0, _locator.locator)( // @ts-expect-error ts-migrate(2339) FIXME: Property 'selector' does not exist on type 'typeof... Remove this comment to see the full error message
+_index.PaginationPageInput.selector, {
   findInput: function () {
     return _NumberInputLocator.NumberInputLocator.findInput(...arguments);
   },

package/lib/Pagination/PaginationPageInput/index.js

@@ -38,15 +38,12 @@ let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _them
   constructor(props) {
     super(props);
     this.ref = null;
-    this._inputRef = null;
 
     this.handleRef = el => {
       this.ref = el;
     };
 
     this.handleInputRef = el => {
-      this._inputRef = el;
-
       if (typeof this.props.inputRef === 'function') {
         this.props.inputRef(el);
       }

package/lib/Pagination/index.js

@@ -67,30 +67,30 @@ function propsHaveCompactView(props) {
 ---
 category: components
 ---
+@tsProps
 **/
 let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class Pagination extends _react.Component {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
     this._labelId = void 0;
-    this.ref = null;
-    this._inputRef = null;
     this._firstButton = null;
     this._prevButton = null;
     this._nextButton = null;
     this._lastButton = null;
+    this.ref = null;
 
     this.handleElementRef = el => {
       this.ref = el;
 
-      if (el) {
-        if (typeof this.props.elementRef === 'function') {
-          this.props.elementRef(el);
-        }
+      if (el && typeof this.props.elementRef === 'function') {
+        this.props.elementRef(el);
       }
     };
 
     this.handleInputRef = el => {
-      this._inputRef = el;
+      if (typeof this.props.inputRef === 'function') {
+        this.props.inputRef(el);
+      }
     };
 
     this._labelId = (0, _uid.uid)('Pagination');
@@ -321,7 +321,7 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     var _this$props$styles, _this$props$styles2;
 
     if (!this.props.children) return null;
-    const currentPageIndex = fastFindIndex(this.props.children, p => p && p.props && p.props.current);
+    const currentPageIndex = fastFindIndex(this.childPages, p => p && p.props && p.props.current);
 
     const passthroughProps = _View.View.omitViewProps((0, _omitProps.omitProps)(this.props, Pagination.allowedProps), Pagination);
 
@@ -339,13 +339,11 @@ let Pagination = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   }
 
 }, _class2.displayName = "Pagination", _class2.componentId = 'Pagination', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
-  children: null,
   disabled: false,
   withFirstAndLastButton: false,
   showDisabledButtons: false,
   variant: 'full',
   as: 'div',
-  elementRef: el => {},
   labelNumberInput: numberOfPages => `of ${numberOfPages}`,
   screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
   shouldHandleFocus: true

package/lib/Pagination/props.js

@@ -39,92 +39,24 @@ var _PaginationButton = require("./PaginationButton");
  * SOFTWARE.
  */
 const propTypes = {
-  /**
-   * children of type Pagination.Page
-   */
   children: _Children.Children.oneOf([_PaginationButton.PaginationButton]),
-
-  /**
-   * Disables interaction with all pages
-   */
   disabled: _propTypes.default.bool,
-
-  /**
-   * Displays "jump to first" and "jump to last" buttons. Always turned on with `input` variant.
-   */
   withFirstAndLastButton: _propTypes.default.bool,
-
-  /**
-   * Displays the unavailable navigation buttons as disabled instead of hiding them.  Always turned on with `input` variant.
-   */
   showDisabledButtons: _propTypes.default.bool,
-
-  /**
-   * Visible label for component
-   */
   label: _propTypes.default.node,
-
-  /**
-   * Accessible label for next button
-   */
   labelNext: _propTypes.default.string,
-
-  /**
-   * Accessible label for previous button
-   */
   labelPrev: _propTypes.default.string,
-
-  /**
-   * Accessible label for "jump to first" button
-   */
   labelFirst: _propTypes.default.string,
-
-  /**
-   * Accessible label for "jump to last" button
-   */
   labelLast: _propTypes.default.string,
-
-  /**
-   * Label for number input (for `input` variant)
-   */
   labelNumberInput: _propTypes.default.func,
-
-  /**
-   * ScreenReaderLabel for number input (for `input` variant)
-   */
   screenReaderLabelNumberInput: _propTypes.default.func,
-
-  /**
-   * The compact variant truncates the page navigation to show only the first,
-   * last, and pages immediately surrounding the current page. Fewer than 5 pages,
-   * no next/previous arrow buttons will be shown, and all pages will be listed
-   */
   variant: _propTypes.default.oneOf(['full', 'compact', 'input']),
-
-  /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
-   */
   margin: _emotion.ThemeablePropTypes.spacing,
-
-  /**
-   * the element type to render as
-   */
   as: _propTypes.default.elementType,
-
-  /**
-   * provides a reference to the underlying html root element
-   */
   elementRef: _propTypes.default.func,
-
-  /**
-   * For accessibility, Pagination sets focus on the first or last Pagination.Pages,
-   * respectively, when the Previous or Next arrow buttons are removed from the DOM.
-   * Set this property to `false` to prevent this behavior.
-   */
+  inputRef: _propTypes.default.func,
   shouldHandleFocus: _propTypes.default.bool
 };
 exports.propTypes = propTypes;
-const allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'shouldHandleFocus'];
+const allowedProps = ['children', 'disabled', 'withFirstAndLastButton', 'showDisabledButtons', 'label', 'labelNext', 'labelPrev', 'labelFirst', 'labelLast', 'labelNumberInput', 'screenReaderLabelNumberInput', 'variant', 'margin', 'as', 'elementRef', 'inputRef', 'shouldHandleFocus'];
 exports.allowedProps = allowedProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.14.1-snapshot.19+f884c29cc",
+  "version": "8.14.1-snapshot.28+97be4fefe",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,29 +24,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-test-locator": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-test-queries": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-test-utils": "8.14.1-snapshot.19+f884c29cc"
+    "@instructure/ui-babel-preset": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-test-locator": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-test-queries": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-test-utils": "8.14.1-snapshot.28+97be4fefe"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/shared-types": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-a11y-content": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-a11y-utils": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-buttons": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-dom-utils": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-icons": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-number-input": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-portal": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-prop-types": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-react-utils": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-testable": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-tooltip": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-utils": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/ui-view": "8.14.1-snapshot.19+f884c29cc",
-    "@instructure/uid": "8.14.1-snapshot.19+f884c29cc",
+    "@instructure/emotion": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/shared-types": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-a11y-content": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-a11y-utils": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-buttons": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-dom-utils": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-icons": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-number-input": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-portal": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-prop-types": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-react-utils": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-testable": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-tooltip": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-utils": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/ui-view": "8.14.1-snapshot.28+97be4fefe",
+    "@instructure/uid": "8.14.1-snapshot.28+97be4fefe",
     "keycode": "^2",
     "prop-types": "^15"
   },
@@ -57,5 +57,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "f884c29cc31d6e05cdf6d1165b16098a4c113c2e"
+  "gitHead": "97be4fefed9a60e97515f30b8574b2fed119a439"
 }