@instructure/ui-buttons 8.56.1 → 8.56.2-pr-snapshot-1721749364069

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.56.2-pr-snapshot-1721749364069](https://github.com/instructure/instructure-ui/compare/v8.56.1...v8.56.2-pr-snapshot-1721749364069) (2024-07-23)
+
+**Note:** Version bump only for package @instructure/ui-buttons
+
+
+
+
+
 ## [8.56.1](https://github.com/instructure/instructure-ui/compare/v8.56.0...v8.56.1) (2024-06-13)
 
 

package/lib/BaseButton/__new-tests__/BaseButton.test.js

@@ -6,7 +6,7 @@ var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _index = require("../index");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _BaseButton, _BaseButton2, _BaseButton3, _BaseButton4, _BaseButton5, _svg, _BaseButton6, _BaseButton7, _BaseButton8, _BaseButton9, _BaseButton10, _BaseButton11;
 /*
  * The MIT License (MIT)
@@ -333,7 +333,7 @@ describe('<BaseButton/>', () => {
       });
       await _userEvent.default.click(button);
       await (0, _react2.waitFor)(async () => {
-        const axeCheck = await (0, _runAxeCheck.runAxeCheck)(button);
+        const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(button);
         expect(axeCheck).toBe(true);
       });
     });

package/lib/BaseButton/index.js

@@ -10,14 +10,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _keycode = _interopRequireDefault(require("keycode"));
 var _console = require("@instructure/console");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _isActiveElement = require("@instructure/ui-dom-utils/lib/isActiveElement.js");
-var _hasVisibleChildren = require("@instructure/ui-a11y-utils/lib/hasVisibleChildren.js");
-var _View = require("@instructure/ui-view/lib/View");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiDomUtils = require("@instructure/ui-dom-utils");
+var _uiA11yUtils = require("@instructure/ui-a11y-utils");
+var _uiView = require("@instructure/ui-view");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -53,7 +50,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, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class BaseButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -123,13 +120,13 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
     const _this$props4 = this.props,
       children = _this$props4.children,
       renderIcon = _this$props4.renderIcon;
-    return !!(renderIcon && !(0, _hasVisibleChildren.hasVisibleChildren)(children));
+    return !!(renderIcon && !(0, _uiA11yUtils.hasVisibleChildren)(children));
   }
   get elementType() {
-    return (0, _getElementType.getElementType)(BaseButton, this.props);
+    return (0, _uiReactUtils.getElementType)(BaseButton, this.props);
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -173,7 +170,7 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
     return color.includes('inverse') ? 'inverse' : 'info';
   }
   get focused() {
-    return (0, _isActiveElement.isActiveElement)(this.ref);
+    return (0, _uiDomUtils.isActiveElement)(this.ref);
   }
   focus() {
     this.ref && this.ref.focus();
@@ -192,7 +189,7 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
     const hasOnlyIconVisible = this.hasOnlyIconVisible;
     const wrappedIcon = (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.iconSVG
-    }, (0, _callRenderProp.callRenderProp)(renderIcon));
+    }, (0, _uiReactUtils.callRenderProp)(renderIcon));
     const flexChildren = hasOnlyIconVisible ? (0, _emotion.jsx)("span", {
       css: styles === null || styles === void 0 ? void 0 : styles.iconOnly
     }, wrappedIcon, children) : [(0, _emotion.jsx)("span", {
@@ -233,7 +230,7 @@ let BaseButton = exports.BaseButton = (_dec = (0, _emotion.withStyle)(_styles.de
       isEnabled = this.isEnabled,
       isReadOnly = this.isReadOnly;
     const tabIndexNumber = this.tabIndex;
-    return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    return (0, _emotion.jsx)(_uiView.View, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       as: this.elementType,
       focusColor: this.focusColor,
       position: "relative",

package/lib/BaseButton/theme.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _alpha = require("@instructure/ui-color-utils/lib/alpha.js");
-var _darken = require("@instructure/ui-color-utils/lib/darken.js");
+var _uiColorUtils = require("@instructure/ui-color-utils");
 /*
  * The MIT License (MIT)
  *
@@ -40,17 +39,17 @@ const generateButtonThemeVars = ({
   ghostBorderColor = borderColor
 }) => ({
   [`${style}Color`]: textColor,
-  [`${style}BorderColor`]: (0, _darken.darken)(borderColor, 10),
+  [`${style}BorderColor`]: (0, _uiColorUtils.darken)(borderColor, 10),
   [`${style}Background`]: backgroundColor,
-  [`${style}HoverBackground`]: (0, _darken.darken)(backgroundColor, 10),
-  [`${style}ActiveBackground`]: (0, _darken.darken)(backgroundColor, 10),
-  [`${style}ActiveBoxShadow`]: `${activeShadow} ${(0, _darken.darken)(borderColor, 20)}`,
+  [`${style}HoverBackground`]: (0, _uiColorUtils.darken)(backgroundColor, 10),
+  [`${style}ActiveBackground`]: (0, _uiColorUtils.darken)(backgroundColor, 10),
+  [`${style}ActiveBoxShadow`]: `${activeShadow} ${(0, _uiColorUtils.darken)(borderColor, 20)}`,
   [`${style}GhostColor`]: ghostTextColor,
   [`${style}GhostBorderColor`]: ghostBorderColor,
   [`${style}GhostBackground`]: 'transparent',
-  [`${style}GhostHoverBackground`]: (0, _alpha.alpha)(ghostTextColor, 10),
+  [`${style}GhostHoverBackground`]: (0, _uiColorUtils.alpha)(ghostTextColor, 10),
   [`${style}GhostActiveBackground`]: 'transparent',
-  [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${(0, _alpha.alpha)(ghostBorderColor, 28)}`
+  [`${style}GhostActiveBoxShadow`]: `${activeShadow} ${(0, _uiColorUtils.alpha)(ghostBorderColor, 28)}`
 });
 
 /**
@@ -74,7 +73,7 @@ const generateComponentTheme = theme => {
         textColor: theme['ic-brand-button--primary-text'],
         ghostTextColor: theme['ic-brand-button--primary-bgd']
       }),
-      primaryGhostHoverBackground: (0, _alpha.alpha)(theme['ic-brand-button--primary-bgd'], 10)
+      primaryGhostHoverBackground: (0, _uiColorUtils.alpha)(theme['ic-brand-button--primary-bgd'], 10)
     },
     'canvas-high-contrast': {
       secondaryBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
@@ -159,12 +158,12 @@ const generateComponentTheme = theme => {
       ghostTextColor: colors === null || colors === void 0 ? void 0 : colors.textLightest
     }),
     // Overrides for primary-inverse to match what was previously the `light` button variant
-    primaryInverseBorderColor: (0, _darken.darken)(colors === null || colors === void 0 ? void 0 : colors.borderLight, 10),
-    primaryInverseHoverBackground: (0, _darken.darken)(colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, 5),
+    primaryInverseBorderColor: (0, _uiColorUtils.darken)(colors === null || colors === void 0 ? void 0 : colors.borderLight, 10),
+    primaryInverseHoverBackground: (0, _uiColorUtils.darken)(colors === null || colors === void 0 ? void 0 : colors.backgroundLightest, 5),
     primaryInverseActiveBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
-    primaryInverseActiveBoxShadow: `${activeShadow} ${(0, _darken.darken)(colors === null || colors === void 0 ? void 0 : colors.borderLightest, 25)}`,
+    primaryInverseActiveBoxShadow: `${activeShadow} ${(0, _uiColorUtils.darken)(colors === null || colors === void 0 ? void 0 : colors.borderLightest, 25)}`,
     // Overrides for ghost hover states to ensure correct color contrast for a11y
-    successGhostHoverBackground: (0, _alpha.alpha)(colors === null || colors === void 0 ? void 0 : colors.textSuccess, 1)
+    successGhostHoverBackground: (0, _uiColorUtils.alpha)(colors === null || colors === void 0 ? void 0 : colors.textSuccess, 1)
   };
   return {
     ...componentVariables,

package/lib/Button/__new-tests__/Button.test.js

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
 var _index = require("../index");
 var _circle, _Button, _Button2, _Button3, _Button4, _Button5, _Button6, _Button7, _Button8, _Button10, _Button11, _Button12, _Button13, _Button14, _Button15, _Button16, _Button17, _Button18;
 /*
@@ -431,7 +431,7 @@ describe('<Button/>', () => {
       });
       await _userEvent.default.click(button);
       await (0, _react2.waitFor)(async () => {
-        const axeCheck = await (0, _runAxeCheck.runAxeCheck)(button);
+        const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(button);
         expect(axeCheck).toBe(true);
       });
     });

package/lib/Button/index.js

@@ -8,9 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Button = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
@@ -46,7 +45,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, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class Button extends _react.Component {
   constructor(...args) {
     super(...args);
     this._buttonComponent = null;
@@ -84,12 +83,12 @@ let Button = exports.Button = (_dec = (0, _emotion.withStyle)(null, _theme.defau
       href = _this$props.href,
       renderIcon = _this$props.renderIcon,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    const interaction = (0, _getInteraction.getInteraction)({
+    const interaction = (0, _uiReactUtils.getInteraction)({
       props
     });
     const themeOverride = this.props.themeOverride;
     const buttonProps = {
-      ...(0, _passthroughProps.passthroughProps)(props),
+      ...(0, _uiReactUtils.passthroughProps)(props),
       type,
       size,
       elementRef: this.handleElementRef,

package/lib/CloseButton/index.js

@@ -7,11 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.CloseButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _IconXSolid = require("@instructure/ui-icons/lib/IconXSolid.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -48,7 +47,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, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CloseButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this.ref = null;
@@ -68,7 +67,7 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
     (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -92,11 +91,11 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
       tabIndex = _this$props3.tabIndex,
       styles = _this$props3.styles,
       props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
-    return (0, _emotion.jsx)("span", Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    return (0, _emotion.jsx)("span", Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       css: styles === null || styles === void 0 ? void 0 : styles.closeButton,
       ref: el => this.ref = el
     }), (0, _emotion.jsx)(_BaseButton.BaseButton, {
-      renderIcon: _IconXSolid.IconXSolid,
+      renderIcon: _uiIcons.IconXSolid,
       elementRef: this.handleRef,
       interaction: this.interaction,
       type: type,
@@ -110,7 +109,7 @@ let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyle)(_styles.
       href: href,
       cursor: cursor,
       tabIndex: tabIndex
-    }, (0, _emotion.jsx)(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel)));
+    }, (0, _emotion.jsx)(_uiA11yContent.ScreenReaderContent, null, screenReaderLabel)));
   }
 }, _class2.displayName = "CloseButton", _class2.componentId = 'CloseButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied

package/lib/CondensedButton/index.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.CondensedButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
@@ -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, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class CondensedButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -79,7 +79,7 @@ let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyle)(
       renderIcon = _this$props.renderIcon,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const themeOverride = this.props.themeOverride;
-    return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       isCondensed: true,
       withBackground: false,
       withBorder: false,

package/lib/IconButton/index.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.IconButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _ScreenReaderContent = require("@instructure/ui-a11y-content/lib/ScreenReaderContent");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
 var _theme = _interopRequireDefault(require("./theme"));
 var _BaseButton = require("../BaseButton");
@@ -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, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_class2 = class IconButton extends _react.Component {
   constructor(...args) {
     super(...args);
     this._baseButton = null;
@@ -85,7 +85,7 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _the
       href = _this$props.href,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const themeOverride = this.props.themeOverride;
-    return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    return /*#__PURE__*/_react.default.createElement(_BaseButton.BaseButton, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       type: type,
       size: size,
       elementRef: this.handleRef,
@@ -104,7 +104,7 @@ let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyle)(null, _the
       ref: component => {
         this._baseButton = component;
       }
-    }), /*#__PURE__*/_react.default.createElement(_ScreenReaderContent.ScreenReaderContent, null, screenReaderLabel));
+    }), /*#__PURE__*/_react.default.createElement(_uiA11yContent.ScreenReaderContent, null, screenReaderLabel));
   }
 }, _class2.displayName = "IconButton", _class2.componentId = 'IconButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   type: 'button',

package/lib/ToggleButton/index.js

@@ -8,10 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ToggleButton = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _Tooltip = require("@instructure/ui-tooltip/lib/Tooltip");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTooltip = require("@instructure/ui-tooltip");
 var _IconButton = require("../IconButton");
 var _props = require("./props");
 const _excluded = ["as", "color", "elementRef", "size", "interaction", "mountNode", "renderIcon", "renderTooltipContent", "screenReaderLabel", "status", "placement", "onClick"];
@@ -44,7 +43,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, _uiTestable.testable)(), _dec(_class = (_class2 = class ToggleButton extends _react.Component {
   constructor(props) {
     super(props);
     this.ref = null;
@@ -76,7 +75,7 @@ let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _de
       placement = _this$props.placement,
       onClick = _this$props.onClick,
       props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    return /*#__PURE__*/_react.default.createElement(_uiTooltip.Tooltip, {
       renderTip: renderTooltipContent,
       on: ['hover', 'focus'],
       placement: placement,
@@ -94,7 +93,7 @@ let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _de
       },
       mountNode: mountNode,
       elementRef: el => this.ref = el
-    }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), {
       screenReaderLabel: screenReaderLabel,
       withBackground: false,
       withBorder: false,
@@ -105,7 +104,7 @@ let ToggleButton = exports.ToggleButton = (_dec = (0, _testable.testable)(), _de
       onClick: onClick,
       interaction: interaction,
       "aria-pressed": status === 'pressed'
-    }), (0, _callRenderProp.callRenderProp)(renderIcon)));
+    }), (0, _uiReactUtils.callRenderProp)(renderIcon)));
   }
 }, _class2.displayName = "ToggleButton", _class2.componentId = 'ToggleButton', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
   size: 'medium',

package/lib/ToggleButton/props.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
+var _uiPosition = require("@instructure/ui-position");
 /*
  * The MIT License (MIT)
  *
@@ -43,8 +43,8 @@ const propTypes = exports.propTypes = {
   onClick: _propTypes.default.func,
   color: _propTypes.default.oneOf(['primary', 'primary-inverse', 'secondary', 'success', 'danger']),
   isShowingTooltip: _propTypes.default.bool,
-  mountNode: _PositionPropTypes.PositionPropTypes.mountNode,
-  placement: _PositionPropTypes.PositionPropTypes.placement,
-  constrain: _PositionPropTypes.PositionPropTypes.constrain
+  mountNode: _uiPosition.PositionPropTypes.mountNode,
+  placement: _uiPosition.PositionPropTypes.placement,
+  constrain: _uiPosition.PositionPropTypes.constrain
 };
 const allowedProps = exports.allowedProps = ['as', 'color', 'constrain', 'elementRef', 'interaction', 'isShowingTooltip', 'mountNode', 'onClick', 'placement', 'renderIcon', 'renderTooltipContent', 'screenReaderLabel', 'size', 'status'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "8.56.1",
+  "version": "8.56.2-pr-snapshot-1721749364069",
   "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": "8.56.1",
-    "@instructure/ui-babel-preset": "8.56.1",
-    "@instructure/ui-test-utils": "8.56.1",
-    "@instructure/ui-themes": "8.56.1",
+    "@instructure/ui-axe-check": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-babel-preset": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-test-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-themes": "8.56.2-pr-snapshot-1721749364069",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.56.1",
-    "@instructure/emotion": "8.56.1",
-    "@instructure/shared-types": "8.56.1",
-    "@instructure/ui-a11y-content": "8.56.1",
-    "@instructure/ui-a11y-utils": "8.56.1",
-    "@instructure/ui-color-utils": "8.56.1",
-    "@instructure/ui-dom-utils": "8.56.1",
-    "@instructure/ui-icons": "8.56.1",
-    "@instructure/ui-position": "8.56.1",
-    "@instructure/ui-react-utils": "8.56.1",
-    "@instructure/ui-testable": "8.56.1",
-    "@instructure/ui-tooltip": "8.56.1",
-    "@instructure/ui-utils": "8.56.1",
-    "@instructure/ui-view": "8.56.1",
+    "@instructure/console": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/emotion": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/shared-types": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-content": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-a11y-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-color-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-dom-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-icons": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-position": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-react-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-testable": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-tooltip": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-utils": "8.56.2-pr-snapshot-1721749364069",
+    "@instructure/ui-view": "8.56.2-pr-snapshot-1721749364069",
     "keycode": "^2.2.1",
     "prop-types": "^15.8.1"
   },