@instructure/ui-pagination 8.25.1-snapshot-7 → 8.25.1-snapshot-10

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-7](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-7) (2022-06-13)
+## [8.25.1-snapshot-10](https://github.com/instructure/instructure-ui/compare/v8.25.0...v8.25.1-snapshot-10) (2022-06-20)
 
 **Note:** Version bump only for package @instructure/ui-pagination
 

package/es/Pagination/PaginationArrowButton/index.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["label", "direction", "buttonRef"];
 
-var _dec, _class, _class2;
+var _dec, _class;
 
 /*
  * The MIT License (MIT)
@@ -41,15 +41,16 @@ id: Pagination.Navigation
 @tsProps
 **/
 
-let PaginationArrowButton = (_dec = testable(), _dec(_class = (_class2 = class PaginationArrowButton extends Component {
-  constructor() {
-    super(...arguments);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-  }
+let PaginationArrowButton = (_dec = testable(), _dec(_class = class PaginationArrowButton extends Component {
+  static displayName = "PaginationArrowButton";
+  static componentId = 'Pagination.Navigation';
+  static allowedProps = allowedProps;
+  static propTypes = propTypes;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   get margin() {
     switch (this.props.direction) {
@@ -105,6 +106,6 @@ let PaginationArrowButton = (_dec = testable(), _dec(_class = (_class2 = class P
     }), this.Icon));
   }
 
-}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = allowedProps, _class2.propTypes = propTypes, _class2.defaultProps = {}, _class2)) || _class);
+}) || _class);
 export default PaginationArrowButton;
 export { PaginationArrowButton };

package/es/Pagination/PaginationButton/index.js

@@ -1,4 +1,4 @@
-var _dec, _class, _class2;
+var _dec, _class;
 
 /*
  * The MIT License (MIT)
@@ -35,15 +35,18 @@ parent: Pagination
 id: Pagination.Page
 ---
 **/
-let PaginationButton = (_dec = testable(), _dec(_class = (_class2 = class PaginationButton extends Component {
-  constructor() {
-    super(...arguments);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-  }
+let PaginationButton = (_dec = testable(), _dec(_class = class PaginationButton extends Component {
+  static displayName = "PaginationButton";
+  static componentId = 'Pagination.Page';
+  static propTypes = propTypes;
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    current: false
+  };
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
@@ -58,8 +61,6 @@ let PaginationButton = (_dec = testable(), _dec(_class = (_class2 = class Pagina
     }), this.props.children);
   }
 
-}, _class2.displayName = "PaginationButton", _class2.componentId = 'Pagination.Page', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  current: false
-}, _class2)) || _class);
+}) || _class);
 export default PaginationButton;
 export { PaginationButton };

package/es/Pagination/PaginationPageInput/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class;
 
 /*
  * The MIT License (MIT)
@@ -41,46 +41,18 @@ id: Pagination.PageInput
 ---
 @tsProps
 **/
-let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends Component {
+let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = class PaginationPageInput extends Component {
+  static displayName = "PaginationPageInput";
+  static componentId = 'Pagination.PageInput';
+  static propTypes = propTypes;
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    disabled: false
+  };
+  ref = null;
+
   constructor(props) {
     super(props);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
-    this.handleInputRef = el => {
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(el);
-      }
-    };
-
-    this.handleChange = (_event, value) => {
-      let newValue = value; // if the last character was not a number, don't accept it
-
-      if (value.length > 0 && isNaN(value.slice(-1))) {
-        newValue = value.slice(0, -1);
-      }
-
-      this.setState({
-        number: newValue ? Number(newValue) : this.MIN,
-        value: newValue
-      });
-    };
-
-    this.handleDecrement = event => {
-      this.setNewPage(event, Math.floor(this.currentPage - 1));
-    };
-
-    this.handleIncrement = event => {
-      this.setNewPage(event, Math.floor(this.currentPage + 1));
-    };
-
-    this.handleBlur = event => {
-      this.setNewPage(event, Math.round(this.state.number));
-    };
-
     this.state = this.initialState;
   }
 
@@ -124,6 +96,27 @@ let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentThem
     this.setState(this.initialState);
   }
 
+  handleRef = el => {
+    this.ref = el;
+  };
+  handleInputRef = el => {
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(el);
+    }
+  };
+  handleChange = (_event, value) => {
+    let newValue = value; // if the last character was not a number, don't accept it
+
+    if (value.length > 0 && isNaN(value.slice(-1))) {
+      newValue = value.slice(0, -1);
+    }
+
+    this.setState({
+      number: newValue ? Number(newValue) : this.MIN,
+      value: newValue
+    });
+  };
+
   handleKeyDown(event) {
     const key = event.key;
 
@@ -141,6 +134,16 @@ let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentThem
     }
   }
 
+  handleDecrement = event => {
+    this.setNewPage(event, Math.floor(this.currentPage - 1));
+  };
+  handleIncrement = event => {
+    this.setNewPage(event, Math.floor(this.currentPage + 1));
+  };
+  handleBlur = event => {
+    this.setNewPage(event, Math.round(this.state.number));
+  };
+
   getNumberWithinRange(n) {
     if (n < this.MIN) return this.MIN;
     if (n > this.MAX) return this.MAX;
@@ -198,8 +201,6 @@ let PaginationPageInput = (_dec = withStyle(generateStyle, generateComponentThem
     })), this.renderLabel());
   }
 
-}, _class2.displayName = "PaginationPageInput", _class2.componentId = 'Pagination.PageInput', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  disabled: false
-}, _class2)) || _class) || _class);
+}) || _class) || _class);
 export default PaginationPageInput;
 export { PaginationPageInput };

package/es/Pagination/index.js

@@ -1,4 +1,4 @@
-var _dec, _dec2, _dec3, _class, _class2, _span, _span2;
+var _dec, _dec2, _dec3, _class, _span, _span2;
 
 /*
  * The MIT License (MIT)
@@ -61,30 +61,32 @@ category: components
 ---
 @tsProps
 **/
-let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends Component {
+let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec3 = testable(), _dec(_class = _dec2(_class = _dec3(_class = class Pagination extends Component {
+  static displayName = "Pagination";
+  static componentId = 'Pagination';
+  static propTypes = propTypes;
+  static allowedProps = allowedProps;
+  static defaultProps = {
+    disabled: false,
+    withFirstAndLastButton: false,
+    showDisabledButtons: false,
+    variant: 'full',
+    as: 'div',
+    labelNumberInput: numberOfPages => `of ${numberOfPages}`,
+    screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
+    shouldHandleFocus: true
+  };
+  static Page = PaginationButton;
+  static Navigation = PaginationArrowButton;
+  _labelId;
+  _firstButton = null;
+  _prevButton = null;
+  _nextButton = null;
+  _lastButton = null;
+  ref = null;
+
   constructor(props) {
     super(props);
-    this._labelId = void 0;
-    this._firstButton = null;
-    this._prevButton = null;
-    this._nextButton = null;
-    this._lastButton = null;
-    this.ref = null;
-
-    this.handleElementRef = el => {
-      this.ref = el;
-
-      if (el && typeof this.props.elementRef === 'function') {
-        this.props.elementRef(el);
-      }
-    };
-
-    this.handleInputRef = el => {
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(el);
-      }
-    };
-
     this._labelId = props.deterministicId();
   }
 
@@ -175,6 +177,19 @@ let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
     })) : children;
   }
 
+  handleElementRef = el => {
+    this.ref = el;
+
+    if (el && typeof this.props.elementRef === 'function') {
+      this.props.elementRef(el);
+    }
+  };
+  handleInputRef = el => {
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(el);
+    }
+  };
+
   renderLabel() {
     const display = this.props.variant === 'full' ? 'inline-block' : 'block';
     const visibleLabel = hasVisibleChildren(this.props.label);
@@ -328,15 +343,6 @@ let Pagination = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle,
     }, this.renderArrowButton('first', currentPageIndex), this.renderArrowButton('prev', currentPageIndex), this.inputMode ? this.renderPageInput(currentPageIndex) : this.renderPages(currentPageIndex), this.renderArrowButton('next', currentPageIndex), this.renderArrowButton('last', currentPageIndex)));
   }
 
-}, _class2.displayName = "Pagination", _class2.componentId = 'Pagination', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
-  disabled: false,
-  withFirstAndLastButton: false,
-  showDisabledButtons: false,
-  variant: 'full',
-  as: 'div',
-  labelNumberInput: numberOfPages => `of ${numberOfPages}`,
-  screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
-  shouldHandleFocus: true
-}, _class2.Page = PaginationButton, _class2.Navigation = PaginationArrowButton, _class2)) || _class) || _class) || _class);
+}) || _class) || _class) || _class);
 export default Pagination;
 export { Pagination, PaginationButton };

package/lib/Pagination/PaginationArrowButton/index.js

@@ -33,7 +33,7 @@ var _props = require("./props");
 
 const _excluded = ["label", "direction", "buttonRef"];
 
-var _dec, _class, _class2;
+var _dec, _class;
 
 /**
 ---
@@ -42,15 +42,16 @@ id: Pagination.Navigation
 ---
 @tsProps
 **/
-let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationArrowButton extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-  }
+let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = class PaginationArrowButton extends _react.Component {
+  static displayName = "PaginationArrowButton";
+  static componentId = 'Pagination.Navigation';
+  static allowedProps = _props.allowedProps;
+  static propTypes = _props.propTypes;
+  static defaultProps = {};
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   get margin() {
     switch (this.props.direction) {
@@ -105,7 +106,7 @@ let PaginationArrowButton = (_dec = (0, _testable.testable)(), _dec(_class = (_c
     }), this.Icon));
   }
 
-}, _class2.displayName = "PaginationArrowButton", _class2.componentId = 'Pagination.Navigation', _class2.allowedProps = _props.allowedProps, _class2.propTypes = _props.propTypes, _class2.defaultProps = {}, _class2)) || _class);
+}) || _class);
 exports.PaginationArrowButton = PaginationArrowButton;
 var _default = PaginationArrowButton;
 exports.default = _default;

package/lib/Pagination/PaginationButton/index.js

@@ -17,7 +17,7 @@ var _testable = require("@instructure/ui-testable/lib/testable.js");
 
 var _props = require("./props");
 
-var _dec, _class, _class2;
+var _dec, _class;
 
 /**
 ---
@@ -25,15 +25,18 @@ parent: Pagination
 id: Pagination.Page
 ---
 **/
-let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class PaginationButton extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-  }
+let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = class PaginationButton extends _react.Component {
+  static displayName = "PaginationButton";
+  static componentId = 'Pagination.Page';
+  static propTypes = _props.propTypes;
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {
+    current: false
+  };
+  ref = null;
+  handleRef = el => {
+    this.ref = el;
+  };
 
   render() {
     const exclude = this.props.current ? ['onClick', 'href'] : [];
@@ -48,9 +51,7 @@ let PaginationButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2
     }), this.props.children);
   }
 
-}, _class2.displayName = "PaginationButton", _class2.componentId = 'Pagination.Page', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
-  current: false
-}, _class2)) || _class);
+}) || _class);
 exports.PaginationButton = PaginationButton;
 var _default = PaginationButton;
 exports.default = _default;

package/lib/Pagination/PaginationPageInput/index.js

@@ -25,7 +25,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 
 var _props = require("./props");
 
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class;
 
 /**
 ---
@@ -34,46 +34,18 @@ id: Pagination.PageInput
 ---
 @tsProps
 **/
-let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class PaginationPageInput extends _react.Component {
+let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = class PaginationPageInput extends _react.Component {
+  static displayName = "PaginationPageInput";
+  static componentId = 'Pagination.PageInput';
+  static propTypes = _props.propTypes;
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {
+    disabled: false
+  };
+  ref = null;
+
   constructor(props) {
     super(props);
-    this.ref = null;
-
-    this.handleRef = el => {
-      this.ref = el;
-    };
-
-    this.handleInputRef = el => {
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(el);
-      }
-    };
-
-    this.handleChange = (_event, value) => {
-      let newValue = value; // if the last character was not a number, don't accept it
-
-      if (value.length > 0 && isNaN(value.slice(-1))) {
-        newValue = value.slice(0, -1);
-      }
-
-      this.setState({
-        number: newValue ? Number(newValue) : this.MIN,
-        value: newValue
-      });
-    };
-
-    this.handleDecrement = event => {
-      this.setNewPage(event, Math.floor(this.currentPage - 1));
-    };
-
-    this.handleIncrement = event => {
-      this.setNewPage(event, Math.floor(this.currentPage + 1));
-    };
-
-    this.handleBlur = event => {
-      this.setNewPage(event, Math.round(this.state.number));
-    };
-
     this.state = this.initialState;
   }
 
@@ -117,6 +89,27 @@ let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     this.setState(this.initialState);
   }
 
+  handleRef = el => {
+    this.ref = el;
+  };
+  handleInputRef = el => {
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(el);
+    }
+  };
+  handleChange = (_event, value) => {
+    let newValue = value; // if the last character was not a number, don't accept it
+
+    if (value.length > 0 && isNaN(value.slice(-1))) {
+      newValue = value.slice(0, -1);
+    }
+
+    this.setState({
+      number: newValue ? Number(newValue) : this.MIN,
+      value: newValue
+    });
+  };
+
   handleKeyDown(event) {
     const key = event.key;
 
@@ -134,6 +127,16 @@ let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     }
   }
 
+  handleDecrement = event => {
+    this.setNewPage(event, Math.floor(this.currentPage - 1));
+  };
+  handleIncrement = event => {
+    this.setNewPage(event, Math.floor(this.currentPage + 1));
+  };
+  handleBlur = event => {
+    this.setNewPage(event, Math.round(this.state.number));
+  };
+
   getNumberWithinRange(n) {
     if (n < this.MIN) return this.MIN;
     if (n > this.MAX) return this.MAX;
@@ -191,9 +194,7 @@ let PaginationPageInput = (_dec = (0, _emotion.withStyle)(_styles.default, _them
     })), this.renderLabel());
   }
 
-}, _class2.displayName = "PaginationPageInput", _class2.componentId = 'Pagination.PageInput', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
-  disabled: false
-}, _class2)) || _class) || _class);
+}) || _class) || _class);
 exports.PaginationPageInput = PaginationPageInput;
 var _default = PaginationPageInput;
 exports.default = _default;

package/lib/Pagination/index.js

@@ -44,7 +44,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 
 var _props = require("./props");
 
-var _dec, _dec2, _dec3, _class, _class2, _span, _span2;
+var _dec, _dec2, _dec3, _class, _span, _span2;
 
 /** This is an [].findIndex optimized to work on really big, but sparse, arrays */
 const fastFindIndex = (arr, fn) => Number(Object.keys(arr).find(k => fn(arr[Number(k)])));
@@ -69,30 +69,32 @@ category: components
 ---
 @tsProps
 **/
-let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = (_class2 = class Pagination extends _react.Component {
+let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec3 = (0, _testable.testable)(), _dec(_class = _dec2(_class = _dec3(_class = class Pagination extends _react.Component {
+  static displayName = "Pagination";
+  static componentId = 'Pagination';
+  static propTypes = _props.propTypes;
+  static allowedProps = _props.allowedProps;
+  static defaultProps = {
+    disabled: false,
+    withFirstAndLastButton: false,
+    showDisabledButtons: false,
+    variant: 'full',
+    as: 'div',
+    labelNumberInput: numberOfPages => `of ${numberOfPages}`,
+    screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
+    shouldHandleFocus: true
+  };
+  static Page = _PaginationButton.PaginationButton;
+  static Navigation = _PaginationArrowButton.PaginationArrowButton;
+  _labelId;
+  _firstButton = null;
+  _prevButton = null;
+  _nextButton = null;
+  _lastButton = null;
+  ref = null;
+
   constructor(props) {
     super(props);
-    this._labelId = void 0;
-    this._firstButton = null;
-    this._prevButton = null;
-    this._nextButton = null;
-    this._lastButton = null;
-    this.ref = null;
-
-    this.handleElementRef = el => {
-      this.ref = el;
-
-      if (el && typeof this.props.elementRef === 'function') {
-        this.props.elementRef(el);
-      }
-    };
-
-    this.handleInputRef = el => {
-      if (typeof this.props.inputRef === 'function') {
-        this.props.inputRef(el);
-      }
-    };
-
     this._labelId = props.deterministicId();
   }
 
@@ -183,6 +185,19 @@ let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     })) : children;
   }
 
+  handleElementRef = el => {
+    this.ref = el;
+
+    if (el && typeof this.props.elementRef === 'function') {
+      this.props.elementRef(el);
+    }
+  };
+  handleInputRef = el => {
+    if (typeof this.props.inputRef === 'function') {
+      this.props.inputRef(el);
+    }
+  };
+
   renderLabel() {
     const display = this.props.variant === 'full' ? 'inline-block' : 'block';
     const visibleLabel = (0, _hasVisibleChildren.hasVisibleChildren)(this.props.label);
@@ -338,16 +353,7 @@ let Pagination = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2
     }, this.renderArrowButton('first', currentPageIndex), this.renderArrowButton('prev', currentPageIndex), this.inputMode ? this.renderPageInput(currentPageIndex) : this.renderPages(currentPageIndex), this.renderArrowButton('next', currentPageIndex), this.renderArrowButton('last', currentPageIndex)));
   }
 
-}, _class2.displayName = "Pagination", _class2.componentId = 'Pagination', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
-  disabled: false,
-  withFirstAndLastButton: false,
-  showDisabledButtons: false,
-  variant: 'full',
-  as: 'div',
-  labelNumberInput: numberOfPages => `of ${numberOfPages}`,
-  screenReaderLabelNumberInput: (currentPage, numberOfPages) => `Select page (${currentPage} of ${numberOfPages})`,
-  shouldHandleFocus: true
-}, _class2.Page = _PaginationButton.PaginationButton, _class2.Navigation = _PaginationArrowButton.PaginationArrowButton, _class2)) || _class) || _class) || _class);
+}) || _class) || _class) || _class);
 exports.Pagination = Pagination;
 var _default = Pagination;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pagination",
-  "version": "8.25.1-snapshot-7",
+  "version": "8.25.1-snapshot-10",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,29 +23,29 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.25.1-snapshot-7",
-    "@instructure/ui-test-locator": "8.25.1-snapshot-7",
-    "@instructure/ui-test-queries": "8.25.1-snapshot-7",
-    "@instructure/ui-test-utils": "8.25.1-snapshot-7"
+    "@instructure/ui-babel-preset": "8.25.1-snapshot-10",
+    "@instructure/ui-test-locator": "8.25.1-snapshot-10",
+    "@instructure/ui-test-queries": "8.25.1-snapshot-10",
+    "@instructure/ui-test-utils": "8.25.1-snapshot-10"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.25.1-snapshot-7",
-    "@instructure/shared-types": "8.25.1-snapshot-7",
-    "@instructure/ui-a11y-content": "8.25.1-snapshot-7",
-    "@instructure/ui-a11y-utils": "8.25.1-snapshot-7",
-    "@instructure/ui-buttons": "8.25.1-snapshot-7",
-    "@instructure/ui-dom-utils": "8.25.1-snapshot-7",
-    "@instructure/ui-icons": "8.25.1-snapshot-7",
-    "@instructure/ui-number-input": "8.25.1-snapshot-7",
-    "@instructure/ui-portal": "8.25.1-snapshot-7",
-    "@instructure/ui-prop-types": "8.25.1-snapshot-7",
-    "@instructure/ui-react-utils": "8.25.1-snapshot-7",
-    "@instructure/ui-testable": "8.25.1-snapshot-7",
-    "@instructure/ui-tooltip": "8.25.1-snapshot-7",
-    "@instructure/ui-utils": "8.25.1-snapshot-7",
-    "@instructure/ui-view": "8.25.1-snapshot-7",
-    "@instructure/uid": "8.25.1-snapshot-7",
+    "@instructure/emotion": "8.25.1-snapshot-10",
+    "@instructure/shared-types": "8.25.1-snapshot-10",
+    "@instructure/ui-a11y-content": "8.25.1-snapshot-10",
+    "@instructure/ui-a11y-utils": "8.25.1-snapshot-10",
+    "@instructure/ui-buttons": "8.25.1-snapshot-10",
+    "@instructure/ui-dom-utils": "8.25.1-snapshot-10",
+    "@instructure/ui-icons": "8.25.1-snapshot-10",
+    "@instructure/ui-number-input": "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-tooltip": "8.25.1-snapshot-10",
+    "@instructure/ui-utils": "8.25.1-snapshot-10",
+    "@instructure/ui-view": "8.25.1-snapshot-10",
+    "@instructure/uid": "8.25.1-snapshot-10",
     "keycode": "^2",
     "prop-types": "^15"
   },