@instructure/ui-buttons 9.0.2-snapshot-2 → 9.0.2-snapshot-4

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.
 
-## [9.0.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-2) (2024-05-28)
+## [9.0.2-snapshot-4](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-4) (2024-06-05)
 
 **Note:** Version bump only for package @instructure/ui-buttons
 

package/es/BaseButton/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["type", "size", "elementRef", "as", "href", "color", "focusColor", "textAlign", "shape", "display", "withBackground", "withBorder", "isCondensed", "margin", "cursor", "onClick", "renderIcon", "tabIndex", "styles", "makeStyles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _BaseButton;
 /*
  * The MIT License (MIT)
  *
@@ -42,7 +42,7 @@ import { propTypes, allowedProps } from './props';
 category: components/utilities
 ---
 **/
-let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class BaseButton extends Component {
+let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_BaseButton = class BaseButton extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -233,7 +233,7 @@ let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
       css: styles === null || styles === void 0 ? void 0 : styles.content
     }, this.renderChildren()));
   }
-}, _class2.displayName = "BaseButton", _class2.componentId = 'BaseButton', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _BaseButton.displayName = "BaseButton", _BaseButton.componentId = 'BaseButton', _BaseButton.propTypes = propTypes, _BaseButton.allowedProps = allowedProps, _BaseButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -248,6 +248,6 @@ let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
   isCondensed: false,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _BaseButton)) || _class) || _class);
 export { BaseButton };
 export default BaseButton;

package/es/BaseButton/styles.js

@@ -256,11 +256,9 @@ const generateStyle = (componentTheme, props, state) => {
       '&::-moz-focus-inner': {
         border: '0' /* removes default dotted focus outline in Firefox */
       },
-
       '*': {
         pointerEvents: 'none' /* Ensures that button or link is always the event target */
       },
-
       '&:focus': {
         textDecoration: 'none'
       },

package/es/Button/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "type", "size", "as", "color", "focusColor", "display", "textAlign", "withBackground", "margin", "cursor", "href", "renderIcon"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _Button;
 /*
  * The MIT License (MIT)
  *
@@ -38,7 +38,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let Button = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class Button extends Component {
+let Button = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_Button = class Button extends Component {
   constructor(...args) {
     super(...args);
     this._buttonComponent = null;
@@ -101,7 +101,7 @@ let Button = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable()
     };
     return /*#__PURE__*/React.createElement(BaseButton, buttonProps, children);
   }
-}, _class2.displayName = "Button", _class2.componentId = 'Button', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _Button.displayName = "Button", _Button.componentId = 'Button', _Button.propTypes = propTypes, _Button.allowedProps = allowedProps, _Button.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -113,6 +113,6 @@ let Button = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable()
   withBackground: true,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _Button)) || _class) || _class);
 export default Button;
 export { Button };

package/es/CloseButton/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["screenReaderLabel", "elementRef", "size", "onClick", "margin", "placement", "offset", "type", "as", "href", "cursor", "tabIndex", "styles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _CloseButton;
 /*
  * The MIT License (MIT)
  *
@@ -41,7 +41,7 @@ import { propTypes, allowedProps } from './props';
 category: components
 ---
 **/
-let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class CloseButton extends Component {
+let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_CloseButton = class CloseButton extends Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -105,7 +105,7 @@ let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
       tabIndex: tabIndex
     }, jsx(ScreenReaderContent, null, screenReaderLabel)));
   }
-}, _class2.displayName = "CloseButton", _class2.componentId = 'CloseButton', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _CloseButton.displayName = "CloseButton", _CloseButton.componentId = 'CloseButton', _CloseButton.propTypes = propTypes, _CloseButton.allowedProps = allowedProps, _CloseButton.defaultProps = {
   // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
   interaction: void 0,
   type: 'button',
@@ -115,6 +115,6 @@ let CloseButton = (_dec = withStyle(generateStyle, generateComponentTheme), _dec
   margin: '0',
   as: 'button',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _CloseButton)) || _class) || _class);
 export default CloseButton;
 export { CloseButton };

package/es/CondensedButton/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "type", "size", "elementRef", "as", "interaction", "color", "margin", "cursor", "href", "renderIcon"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _CondensedButton;
 /*
  * The MIT License (MIT)
  *
@@ -38,7 +38,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class CondensedButton extends Component {
+let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_CondensedButton = class CondensedButton extends Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -92,7 +92,7 @@ let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = t
       }
     }), children);
   }
-}, _class2.displayName = "CondensedButton", _class2.componentId = 'CondensedButton', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _CondensedButton.displayName = "CondensedButton", _CondensedButton.componentId = 'CondensedButton', _CondensedButton.propTypes = propTypes, _CondensedButton.allowedProps = allowedProps, _CondensedButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -101,6 +101,6 @@ let CondensedButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = t
   color: 'primary',
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _CondensedButton)) || _class) || _class);
 export default CondensedButton;
 export { CondensedButton };

package/es/IconButton/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children", "renderIcon", "screenReaderLabel", "type", "size", "elementRef", "as", "interaction", "color", "focusColor", "shape", "withBackground", "withBorder", "margin", "cursor", "href"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _IconButton;
 /*
  * The MIT License (MIT)
  *
@@ -39,7 +39,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_class2 = class IconButton extends Component {
+let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_IconButton = class IconButton extends Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -99,7 +99,7 @@ let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testab
       }
     }), /*#__PURE__*/React.createElement(ScreenReaderContent, null, screenReaderLabel));
   }
-}, _class2.displayName = "IconButton", _class2.componentId = 'IconButton', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _IconButton.displayName = "IconButton", _IconButton.componentId = 'IconButton', _IconButton.propTypes = propTypes, _IconButton.allowedProps = allowedProps, _IconButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -111,6 +111,6 @@ let IconButton = (_dec = withStyle(null, generateComponentTheme), _dec2 = testab
   withBorder: true,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _IconButton)) || _class) || _class);
 export default IconButton;
 export { IconButton };

package/es/ToggleButton/index.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["as", "color", "elementRef", "size", "interaction", "mountNode", "renderIcon", "renderTooltipContent", "screenReaderLabel", "status", "placement", "onClick"];
-var _dec, _class, _class2;
+var _dec, _class, _ToggleButton;
 /*
  * The MIT License (MIT)
  *
@@ -36,7 +36,7 @@ import { propTypes, allowedProps } from './props';
 category: components
 ---
 **/
-let ToggleButton = (_dec = testable(), _dec(_class = (_class2 = class ToggleButton extends Component {
+let ToggleButton = (_dec = testable(), _dec(_class = (_ToggleButton = class ToggleButton extends Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -99,7 +99,7 @@ let ToggleButton = (_dec = testable(), _dec(_class = (_class2 = class ToggleButt
       "aria-pressed": status === 'pressed'
     }), callRenderProp(renderIcon)));
   }
-}, _class2.displayName = "ToggleButton", _class2.componentId = 'ToggleButton', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
+}, _ToggleButton.displayName = "ToggleButton", _ToggleButton.componentId = 'ToggleButton', _ToggleButton.propTypes = propTypes, _ToggleButton.allowedProps = allowedProps, _ToggleButton.defaultProps = {
   size: 'medium',
   as: 'button',
   // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
@@ -108,6 +108,6 @@ let ToggleButton = (_dec = testable(), _dec(_class = (_class2 = class ToggleButt
   color: 'secondary',
   placement: 'top center',
   constrain: 'window'
-}, _class2)) || _class);
+}, _ToggleButton)) || _class);
 export { ToggleButton };
 export default ToggleButton;

package/lib/BaseButton/index.js

@@ -22,7 +22,7 @@ var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _props = require("./props");
 const _excluded = ["type", "size", "elementRef", "as", "href", "color", "focusColor", "textAlign", "shape", "display", "withBackground", "withBorder", "isCondensed", "margin", "cursor", "onClick", "renderIcon", "tabIndex", "styles", "makeStyles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _BaseButton;
 /*
  * The MIT License (MIT)
  *
@@ -52,7 +52,7 @@ var _dec, _dec2, _class, _class2;
 category: components/utilities
 ---
 **/
-let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class BaseButton extends _react.Component {
+let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_BaseButton = class BaseButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -243,7 +243,7 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
       css: styles === null || styles === void 0 ? void 0 : styles.content
     }, this.renderChildren()));
   }
-}, _class2.displayName = "BaseButton", _class2.componentId = 'BaseButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _BaseButton.displayName = "BaseButton", _BaseButton.componentId = 'BaseButton', _BaseButton.propTypes = _props.propTypes, _BaseButton.allowedProps = _props.allowedProps, _BaseButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -258,5 +258,5 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
   isCondensed: false,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _BaseButton)) || _class) || _class);
 var _default = exports.default = BaseButton;

package/lib/BaseButton/styles.js

@@ -262,11 +262,9 @@ const generateStyle = (componentTheme, props, state) => {
       '&::-moz-focus-inner': {
         border: '0' /* removes default dotted focus outline in Firefox */
       },
-
       '*': {
         pointerEvents: 'none' /* Ensures that button or link is always the event target */
       },
-
       '&:focus': {
         textDecoration: 'none'
       },

package/lib/Button/index.js

@@ -16,7 +16,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
 var _props = require("./props");
 const _excluded = ["children", "type", "size", "as", "color", "focusColor", "display", "textAlign", "withBackground", "margin", "cursor", "href", "renderIcon"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _Button;
 /*
  * The MIT License (MIT)
  *
@@ -46,7 +46,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Button extends _react.Component {
+let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_Button = class Button extends _react.Component {
   constructor(...args) {
     super(...args);
     this._buttonComponent = null;
@@ -109,7 +109,7 @@ let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.defau
     };
     return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, buttonProps, children);
   }
-}, _class2.displayName = "Button", _class2.componentId = 'Button', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _Button.displayName = "Button", _Button.componentId = 'Button', _Button.propTypes = _props.propTypes, _Button.allowedProps = _props.allowedProps, _Button.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -121,5 +121,5 @@ let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.defau
   withBackground: true,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _Button)) || _class) || _class);
 var _default = exports.default = Button;

package/lib/CloseButton/index.js

@@ -18,7 +18,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
 var _props = require("./props");
 const _excluded = ["screenReaderLabel", "elementRef", "size", "onClick", "margin", "placement", "offset", "type", "as", "href", "cursor", "tabIndex", "styles"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _CloseButton;
 /*
  * The MIT License (MIT)
  *
@@ -48,7 +48,7 @@ var _dec, _dec2, _class, _class2;
 category: components
 ---
 **/
-let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CloseButton extends _react.Component {
+let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_CloseButton = class CloseButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -112,7 +112,7 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
       tabIndex: tabIndex
     }, (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel)));
   }
-}, _class2.displayName = "CloseButton", _class2.componentId = 'CloseButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _CloseButton.displayName = "CloseButton", _CloseButton.componentId = 'CloseButton', _CloseButton.propTypes = _props.propTypes, _CloseButton.allowedProps = _props.allowedProps, _CloseButton.defaultProps = {
   // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
   interaction: void 0,
   type: 'button',
@@ -122,5 +122,5 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
   margin: '0',
   as: 'button',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _CloseButton)) || _class) || _class);
 var _default = exports.default = CloseButton;

package/lib/CondensedButton/index.js

@@ -15,7 +15,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
 var _props = require("./props");
 const _excluded = ["children", "type", "size", "elementRef", "as", "interaction", "color", "margin", "cursor", "href", "renderIcon"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _CondensedButton;
 /*
  * The MIT License (MIT)
  *
@@ -45,7 +45,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CondensedButton extends _react.Component {
+let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_CondensedButton = class CondensedButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -99,7 +99,7 @@ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(
       }
     }), children);
   }
-}, _class2.displayName = "CondensedButton", _class2.componentId = 'CondensedButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _CondensedButton.displayName = "CondensedButton", _CondensedButton.componentId = 'CondensedButton', _CondensedButton.propTypes = _props.propTypes, _CondensedButton.allowedProps = _props.allowedProps, _CondensedButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -108,5 +108,5 @@ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(
   color: 'primary',
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _CondensedButton)) || _class) || _class);
 var _default = exports.default = CondensedButton;

package/lib/IconButton/index.js

@@ -16,7 +16,7 @@ var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
 var _props = require("./props");
 const _excluded = ["children", "renderIcon", "screenReaderLabel", "type", "size", "elementRef", "as", "interaction", "color", "focusColor", "shape", "withBackground", "withBorder", "margin", "cursor", "href"];
-var _dec, _dec2, _class, _class2;
+var _dec, _dec2, _class, _IconButton;
 /*
  * The MIT License (MIT)
  *
@@ -46,7 +46,7 @@ category: components
 ---
 **/
 // needed for listing the available theme variables on docs page
-let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_class2 = class IconButton extends _react.Component {
+let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_IconButton = class IconButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -106,7 +106,7 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _the
       }
     }), /*#__PURE__*/_react.default.createElement(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel));
   }
-}, _class2.displayName = "IconButton", _class2.componentId = 'IconButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _IconButton.displayName = "IconButton", _IconButton.componentId = 'IconButton', _IconButton.propTypes = _props.propTypes, _IconButton.allowedProps = _props.allowedProps, _IconButton.defaultProps = {
   type: 'button',
   size: 'medium',
   as: 'button',
@@ -118,5 +118,5 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _the
   withBorder: true,
   margin: '0',
   cursor: 'pointer'
-}, _class2)) || _class) || _class);
+}, _IconButton)) || _class) || _class);
 var _default = exports.default = IconButton;

package/lib/ToggleButton/index.js

@@ -15,7 +15,7 @@ var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
 var _IconButton = require("../IconButton");
 var _props = require("./props");
 const _excluded = ["as", "color", "elementRef", "size", "interaction", "mountNode", "renderIcon", "renderTooltipContent", "screenReaderLabel", "status", "placement", "onClick"];
-var _dec, _class, _class2;
+var _dec, _class, _ToggleButton;
 /*
  * The MIT License (MIT)
  *
@@ -44,7 +44,7 @@ var _dec, _class, _class2;
 category: components
 ---
 **/
-let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_class2 = class ToggleButton extends _react.Component {
+let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _dec(_class = (_ToggleButton = class ToggleButton extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -107,7 +107,7 @@ let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _de
       "aria-pressed": status === 'pressed'
     }), (0, _callRenderProp.callRenderProp)(renderIcon)));
   }
-}, _class2.displayName = "ToggleButton", _class2.componentId = 'ToggleButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
+}, _ToggleButton.displayName = "ToggleButton", _ToggleButton.componentId = 'ToggleButton', _ToggleButton.propTypes = _props.propTypes, _ToggleButton.allowedProps = _props.allowedProps, _ToggleButton.defaultProps = {
   size: 'medium',
   as: 'button',
   // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
@@ -116,5 +116,5 @@ let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _de
   color: 'secondary',
   placement: 'top center',
   constrain: 'window'
-}, _class2)) || _class);
+}, _ToggleButton)) || _class);
 var _default = exports.default = ToggleButton;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "9.0.2-snapshot-2",
+  "version": "9.0.2-snapshot-4",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,30 +23,30 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "9.0.2-snapshot-2",
-    "@instructure/ui-babel-preset": "9.0.2-snapshot-2",
-    "@instructure/ui-test-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-themes": "9.0.2-snapshot-2",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1"
+    "@instructure/ui-axe-check": "9.0.2-snapshot-4",
+    "@instructure/ui-babel-preset": "9.0.2-snapshot-4",
+    "@instructure/ui-test-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-themes": "9.0.2-snapshot-4",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "@testing-library/user-event": "^14.5.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
-    "@instructure/console": "9.0.2-snapshot-2",
-    "@instructure/emotion": "9.0.2-snapshot-2",
-    "@instructure/shared-types": "9.0.2-snapshot-2",
-    "@instructure/ui-a11y-content": "9.0.2-snapshot-2",
-    "@instructure/ui-a11y-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-color-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-dom-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-icons": "9.0.2-snapshot-2",
-    "@instructure/ui-position": "9.0.2-snapshot-2",
-    "@instructure/ui-react-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-testable": "9.0.2-snapshot-2",
-    "@instructure/ui-tooltip": "9.0.2-snapshot-2",
-    "@instructure/ui-utils": "9.0.2-snapshot-2",
-    "@instructure/ui-view": "9.0.2-snapshot-2",
+    "@babel/runtime": "^7.24.5",
+    "@instructure/console": "9.0.2-snapshot-4",
+    "@instructure/emotion": "9.0.2-snapshot-4",
+    "@instructure/shared-types": "9.0.2-snapshot-4",
+    "@instructure/ui-a11y-content": "9.0.2-snapshot-4",
+    "@instructure/ui-a11y-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-color-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-dom-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-icons": "9.0.2-snapshot-4",
+    "@instructure/ui-position": "9.0.2-snapshot-4",
+    "@instructure/ui-react-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-testable": "9.0.2-snapshot-4",
+    "@instructure/ui-tooltip": "9.0.2-snapshot-4",
+    "@instructure/ui-utils": "9.0.2-snapshot-4",
+    "@instructure/ui-view": "9.0.2-snapshot-4",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },